تسريع الموقع: دليل عملي بالترتيب الصحيح

قبل أي تحسين: قِس. أغلب الوقت الضائع في تسريع المواقع يذهب لإصلاح ما ليس بطيئًا أصلًا. القياس يخبرك أين المشكلة فعلًا، وغالبًا تكون في مكان غير متوقع.

قِس أولًا — وعلى الهاتف

اختبر على شبكة هاتف لا على الواي فاي، وعلى جهاز متوسط لا على أحدث هاتف. هذا ما يعيشه أغلب زوارك، وهو ما يقيسه جوجل.

الصور — أكبر مكسب في أغلب المواقع

• استخدم صيغة حديثة؛ توفّر قرابة ثلث الحجم عند نفس الجودة.
• صدّر الصورة بالمقاس المعروض فعلًا، لا بمقاسها الأصلي من الكاميرا.
• حدّد أبعاد كل صورة في الكود لمنع قفز التخطيط أثناء التحميل.
• حمّل الصور خارج الشاشة الأولى بشكل كسول.
• استثنِ صورة الغلاف من التحميل الكسول — هي أول ما يجب أن يظهر.

صورة غلاف بحجم ثلاثة ميجابايت تُعرض في مساحة ٨٠٠ بكسل هي أشهر سبب لبطء المواقع، وأسهل ما يُصلَح.

الخطوط

• استضف الخطوط محليًا بدل تحميلها من خادم خارجي — طلب أقل واتصال أقل.
• حمّل الأوزان التي تستخدمها فقط، لا العائلة كاملة.
• استخدم إعداد العرض المؤقت حتى لا يختفي النص أثناء التحميل.

السكربتات الخارجية — القاتل الصامت

كل أداة تضيفها تضيف طلبات وكودًا ينفّذه المتصفح: تحليلات، بكسل إعلاني، شات، خرائط، مراجعات. خمس أدوات صغيرة تساوي معًا تأخيرًا كبيرًا.

1. اعمل جردًا لكل سكربت خارجي على الموقع.
2. احذف ما لا يُستخدم فعلًا — الشات المهجور، البكسل من حملة قديمة.
3. أجّل تحميل ما يمكن تأجيله بعد ظهور المحتوى.
4. حمّل الأدوات الثقيلة عند التفاعل فقط: الخريطة عند الضغط، الشات عند الحاجة.

الاستضافة

لا تحسين على الواجهة يعوّض خادمًا بطيئًا في الرد. إن كان زمن الاستجابة الأولى مرتفعًا فالمشكلة عند الخادم لا عندك، وأي عمل آخر يبني على أساس بطيء.

الترتيب الذي ننفّذ به

ما لا يستحق وقتك عادةً

• مطاردة نتيجة ١٠٠٪ في أدوات القياس — الفارق بين ٨٥ و٩٥ لا يشعر به الزائر.
• دمج كل الملفات يدويًا في ملف واحد؛ الأدوات الحديثة تتولى ذلك.
• تحسين صفحات لا يزورها أحد بينما الرئيسية بطيئة.

كيف نعمل

نبدأ بقياس فعلي على الهاتف، ثم نرتّب الإصلاحات حسب الأثر مقابل الجهد. أغلب المواقع تحصل على معظم التحسّن من الصور والسكربتات وحدهما — قبل أي عمل عميق في الكود.