📋 محتويات الصفحة
📖 الوصف
Lighthouse هي أداة من Google لتحليل وتحسين جودة صفحات الويب. تفحص الأداء، إمكانية الوصول، SEO، أفضل الممارسات، والتطبيق التقدمي (PWA).
🎯 يستخدم في
مجالات استخدام هذه الأداة
تحليل أداء المواقع
فحص إمكانية الوصول (a11y)
تحسين SEO
فحص PWA
قياس Core Web Vitals
✨ المميزات
أبرز مميزات هذه الأداة
تقارير مفصلة لكل مجال
أداء و Core Web Vitals
فحص accessibility
SEO audit
PWA checks
CLI للاستخدام في CI
تكوين مخصص
⚠️ العيوب
نقاط يجب مراعاتها
نتائج قد تختلف بين التشغيلات
قد يكون بطيء للصفحات الكبيرة
يحتاج Chrome في بعض الحالات
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# CLI
npm install -g lighthouse
# تحليل موقع
lighthouse https://example.com --output html
# فتح التقرير
open *.html
# في Chrome DevTools:
# F12 > Lighthouse > Generate report📚 أدوات أخرى في DevTools
قد يعجبك أيضاً
Charles
⭐أداة intercept و debug لشبكة HTTP/HTTPS
Charles Proxy
⭐أداة Intercept و Debug لبروتوكول HTTP/HTTPS
Chrome DevTools
⭐أدوات مطوري الويب المتكاملة
Firefox DevTools
⭐أدوات مطوري الويب في Firefox
JSON Server
⭐مولد REST API وهمي (Mock REST API Generator)
Miraje
مكتبة محاكاة API في الذاكرة