كيفية تسريع موقعي وتعديل اكواد القالب

بطء الموقع الإلكتروني يرجع إلى عدت أسباب من بينها :

• صور الكبيرة الحجم والغير المحسنة : يمكن أن يؤدي تحميل الصور الأكبر حجمًا ثم تصغيرها إلى زيادة حجم صفحة الويب دون داعٍ - مما يؤدي إلى بطء تحميل موقع الويب الخاص بك.
• مشاكل javascript  : إذا تم برمجة جافا سكريبت بشكل غير صحيح ، فيمكن أن يعيق سرعة تحميل صفحات موقعك على الويب
• طلبات HTTP الزائدة : يمكن أن يؤدي وجود الكثير من ملفات JavaScript و CSS وملفات الصور إلى العديد من طلبات HTTP. عندما يزور المستخدم صفحة الويب الخاصة بك ، يقوم المتصفح بتنفيذ عدة طلبات لتحميل كل من هذه الملفات - مما قد يقلل بشكل كبير من سرعة تحميل الصفحة.
• عدم الاستفادة من تقنيات التخزين المؤقت : من المعروف أن التخزين المؤقت يحسن أداء مواقع الويب بسرعة فائقة. إذا كنت لا تقوم بالتخزين المؤقت ، فستفقد الكثير. إنها تقنية تتيح لك تخزين نقاط البيانات المستخدمة بشكل متكرر في "الذاكرة المخبأة".
• كود غير نظيف :  سبب آخر شائع لبطء موقع الويب هو الترميز غير النظيف. عندما تقوم بإنشاء موقع الويب الخاص بك ، فإن المساحات البيضاء الزائدة والأنماط المضمنة والأسطر الجديدة الفارغة والتعليقات غير الضرورية يمكن أن تجعل حجم ورقة أنماط موقع الويب أكبر.
• عدد كبير جدًا من الإعلانات: لا شك في أن الإعلانات المصوّرة تعتبر رائعة لتحقيق الدخل من مواقع الويب عالية الحركة. ولكن لا ينبغي أن يكون ذلك على حساب الأداء الضعيف أو تجربة المستخدم. لا تجعل الكثير من الإعلانات سببًا آخر لبطء موقعك على الويب!
• استضافة سيئة:  يُحدث مزود خدمة استضافة الويب فرقًا كبيرًا عندما يتعلق الأمر بأداء موقع الويب. نعم ، قد لا تكون سرعة تحميل الصفحة التي تكون أبطأ من المتوسط هي خطأك بالكامل. فيجب عليك إختيار إستضافة قوية تمكن الموقع من الظهور في المتصفح بسرعة أكبر

يمكن لعوامل كثيرة التأثير على سرعة الموقع منها

1. قبل كل شئ إختيار إستضافة جيدة 
2. يعتبر الجزء الأكبر و الأكثر تأثيراً هي الصور أو الفيديوهات أو الميديا عموماً حيث تعتبر هذه الملفات كبيرة الحجم فإذا كان موقعك يحتوي على عدد كبير من الصور فتوجد عدة طرق لتقليل ذلك منها إستخدام ال responsive Image و إستخدام صيغة ال webp للصور  و إستخدام ال lazy loading
3. تقليل عدد ال http requests عن طريق تقليل عدد الملفات المستخدمة فمثلاً بإستخدام ال module bundler يمكنك دمج عدة ملفات في ملف واحد 
4. حذف الأكواد غير المستخدمة فمثلاً بدلاً من إستدعاء مكتبة مثل ال bootstrap كاملة يمكنك إستدعاء الجزء الذي تستعمله
5. إستخدام تقنية ال caching 
6. تقليل عدد ال reflow and repaint عند إستخدام ال javascript

الحلول التي ذكرتها بالأعلى قد تحتوي على أساليب وتقنيات متقدمة فيمكنك البحث عن الجزئية التي لم تفهمها وإذا قمت بدراسة هذه الأساليب ستنقل مهاراتك لمستوي إحترافي