📋 محتويات الصفحة
📖 الوصف
Lighthouse هي أداة فحص شاملة مفتوحة المصدر من Google تقيس أداء مواقع الويب، وإمكانية الوصول، وأفضل الممارسات، و SEO، وتطبيقات الويب التقدمية (PWA). توفر تقارير مفصلة مع اقتراحات للتحسين. تعمل Lighthouse في Chrome DevTools أو كإضافة للمتصفح أو كأداة سطر أوامر (CLI) أو كوحدة Node.js. تُعد الأداة الأك...
🎯 يستخدم في
مجالات استخدام هذه الأداة
فحص الأداء
فحص إمكانية الوصول
فحص SEO
فحص أفضل الممارسات
فحص PWA
CI/CD
✨ المميزات
أبرز مميزات هذه الأداة
Easy الاستخدام
Easy تقارير شاملة
Easy CLI
Easy Node.js
Easy تصدير
Easy بحث
Easy تكامل
⚠️ العيوب
نقاط يجب مراعاتها
قد يعطي نتائج متباينة
لا يحاكي الأجهزة الحقيقية
قد يكون بطيئاً
مختبر وليس ميداني
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# Lighthouse CLI
npx lighthouse https://example.com --view
# فحص فئات محددة
npx lighthouse https://example.com \
--only-categories=performance,accessibility \
--output=json \
--output-path=./report.json
# في Node.js
const lighthouse = require('lighthouse')
const chromeLauncher = require('chrome-launcher')
async function audit() {
const chrome = await chromeLauncher.launch({ chromeFlags: ['--headless'] })
const { lhr } = await lighthouse('https://example.com', {
port: chrome.port,
onlyCategories: ['performance']
})
console.log('Performance score:', lhr.categories.performance.score * 100)
await chrome.kill()
}📚 أدوات أخرى في Performance
قد يعجبك أيضاً
Bundle Analyzer
⭐أداة تحليل حجم الحزمة
Calibre
⭐أداة اختبار ومراقبة الأداء
Chrome User Experience Report (CrUX)
⭐مجموعة بيانات تجربة المستخدم من Google
CrUX (Dashboard)
أداة مراقبة بيانات تجربة المستخدم
Image Optimization
⭐تقنيات تحسين الصور
Lazy Loading
⭐تقنية تحسين الأداء