تشريح موقع بدرجة 100/100 في Lighthouse
درجة 100 في Lighthouse ليست رقماً للتباهي، بل نتيجة لقرارات صغيرة كثيرة تتراكم. حين تصبح الصفحة سريعة، يبقى الزائر، ويرتفع ترتيبك في البحث، ويقلّ ما تدفعه على الاستضافة. السرعة ميزة تجارية، لا تفصيلة تقنية.
ابدأ بحذف ما لا يلزم
أسرع كود هو الكود الذي لا يُحمَّل أصلاً. نحن نبدأ كل مشروع بالسؤال: ما الذي يمكن حذفه؟ لا مكتبات ضخمة لمهمة صغيرة، ولا إطار عمل ثقيل لصفحة بسيطة. كل كيلوبايت يُرسَل للمتصفّح يجب أن يكون له سبب.
الصور: أكبر مصدر للبطء
- استخدم صيغاً حديثة مثل WebP أو AVIF.
- حدّد
widthوheightلتفادي قفز التخطيط. - أجّل تحميل ما هو خارج الشاشة عبر
loading="lazy".
لا تحجب أول رسمة
كل ملف CSS أو JavaScript يحجب العرض يؤخّر ظهور المحتوى. نحن نحمّل الخطوط بطريقة لا توقف الرسم، ونؤجّل أي سكربت غير ضروري حتى يكتمل تحميل الصفحة. النتيجة: المحتوى يظهر فوراً، والتفاعل يجهز بعده مباشرة.
<link rel="stylesheet" href="styles.css" media="print" onload="this.media='all'" />القياس قبل التحسين وبعده
لا تُحسّن بالحدس. قِس أولاً، اعرف أين يضيع الوقت فعلاً، ثم عالج السبب الجذري. ثم قِس مجدداً للتأكد أن ما فعلته نفع ولم يضرّ شيئاً آخر.
الدرجة الكاملة ممكنة دائماً تقريباً — لكنها تتطلب انضباطاً في كل خطوة، لا حيلة واحدة سحرية.