ما هو Lighthouse؟
Lighthouse أداة تدقيق مجانية ومفتوحة المصدر يطوّرها فريق Chrome في Google. تحمّل الصفحة في ظروف مضبوطة وتقيسها، ثم تمنحها درجة من 0 إلى 100 في أربعة مجالات: الأداء، وسهولة الوصول، وأفضل الممارسات، وSEO. وتظهر الدرجات من 90 فما فوق بالأخضر، ومن 50 إلى 89 بالبرتقالي، وما دون ذلك بالأحمر.
تجمع درجة الأداء عدة قياسات، أهمها: متى يظهر أكبر عنصر في المحتوى (Largest Contentful Paint)، وكم تبقى الصفحة منشغلة عن الاستجابة (Total Blocking Time)، ومدى تحرّك العناصر أثناء التحميل (Cumulative Layout Shift). ولكل مشكلة تشرح Lighthouse موضع الخلل وتقترح حلًا، من الصور الأكبر من اللازم إلى أوصاف الصور الناقصة.
يمكن تشغيل Lighthouse من أدوات المطوّرين في Chrome، أو من سطر الأوامر، أو تلقائيًا عبر Lighthouse CI، كما يعتمد عليها PageSpeed Insights في نتائجه المخبرية. وتعكس كل نتيجة تحميلًا تجريبيًا واحدًا على جهاز واتصال محاكَيين، لذا قد تختلف الدرجات من تشغيل إلى آخر، ونحن نقرؤها نطاقًا لا رقمًا واحدًا.
أين نستخدم Lighthouse
نستخدم Lighthouse في كل مشروع ويب نبنيه، وخصوصًا في هذه المراحل:
الفحص قبل الإطلاق
قبل الإطلاق ندقق القوالب الرئيسية للصفحات على الهاتف والحاسوب، ونعالج ما يظهر: صور أكبر من اللازم، وملفات تؤخر عرض الصفحة، وأزرار بلا تسميات.
تدقيق سهولة الوصول
يفحص Lighthouse تباين الألوان والنصوص البديلة وتسميات النماذج وترتيب العناوين. ولأن الفحص الآلي لا يكشف إلا جزءًا من المشكلات، نختبر أيضًا بلوحة المفاتيح وقارئ الشاشة.
فحوص SEO التقنية
يتحقق من أن لكل صفحة وصفًا مخصصًا لنتائج البحث، ومن أن الروابط قابلة للزحف، وأن أي صفحة ليست محجوبة عن البحث خطأً، وأن روابط hreflang بين النسخ اللغوية صحيحة.
المقارنة بعد التغييرات
بعد أي تحديث كبير، كقسم جديد أو شيفرة تتبّع جديدة، نعيد القياس ونقارن. وفي المشاريع الأكبر يمكن تشغيله تلقائيًا مع كل تحديث، فيُكتشف أي تباطؤ قبل أن يصل إلى الموقع المنشور.
لماذا Lighthouse؟
قائمة مهام ملموسة
لا يكتفي بإعطاء درجة، بل يشير إلى الملف أو العنصر المسبب لكل مشكلة، فتكون الإصلاحات محددة.
أربع زوايا في تقرير واحد
تُفحص السرعة وسهولة الوصول وسلامة الممارسات التقنية وSEO في تشغيل واحد، فنرى أن تحسين جانب لا يُضعف جانبًا آخر دون أن ننتبه.
مفتوح وقابل للتكرار
مجاني ومفتوح المصدر ويعمل في أي متصفح Chrome، فيمكنك التحقق من نتائجنا بنفسك في أي وقت.
كيف نعمل على مشروعك
نشغّل Lighthouse بانتظام أثناء تحويل التصميم إلى شيفرة، فنلتقط المشكلات وهي ما زالت صغيرة. وقبل الإطلاق نقيس القوالب الرئيسية على الهاتف والحاسوب عدة مرات، وننظر إلى النتيجة المعتادة لا إلى تشغيل واحد.
قبل التسليم نقدّم تقريرًا بدرجات المجالات الأربعة مع نتائج PageSpeed Insights، ونشرح بوضوح أي تحذيرات صغيرة متبقية وسببها. وبعد الإطلاق نعيد التدقيق كلما أُجري تغيير مهم.
