🚀

Performance

📦 14 أداة
العودة للرئيسية
🚀

Bundle Analyzer

أداة تحليل حجم الحزمة

Webpack Bundle Analyzer هي أداة تحليل بصري لحجم ملفات JavaScript في مشاريع Webpack. تعرض الأداة خريطة تفاعلية توضح حجم كل وحدة (module) وحجمها بعد الضغط (gzipped). تساعد الأداة في تحديد …

(4)
⚛️ 💚 🅰️ 🔥
🚀

Calibre

أداة اختبار ومراقبة الأداء

Calibre هي أداة اختبار ومراقبة أداء ويب احترافية تتيح تتبع أداء المواقع عبر الزمن. تقدم تقارير مفصلة مع توصيات للتحسين. تتميز Calibre بقدرتها على محاكاة الأجهزة المختلفة والاتصالات الشبكية. تدعم …

(4)
⚛️ 💚 🅰️ 🔥
🚀

Chrome User Experience Report (CrUX)

مجموعة بيانات تجربة المستخدم من Google

Chrome User Experience Report (CrUX) هي مجموعة بيانات عامة من Google تحتوي على بيانات تجربة المستخدم الحقيقية من ملايين مواقع الويب. تستخدم البيانات من مستخدمي Chrome الذين فعّلوا إرسال الإحصائيات. …

(4)
⚛️ 💚 🅰️ 🔥
🚀

CrUX (Dashboard)

أداة مراقبة بيانات تجربة المستخدم

CrUX Dashboard هي أداة مراقبة بيانات تجربة المستخدم من Google على BigQuery. تتيح للمطورين تتبع أداء مواقع الويب عبر الزمن باستخدام بيانات CrUX الحقيقية. توفر الأداة لوحات تحكم تفاعلية لعرض …

(3)
⚛️ 💚 🅰️ 🔥
🚀

Image Optimization

تقنيات تحسين الصور

Image Optimization هي مجموعة من التقنيات والأدوات لتحسين الصور في مواقع الويب. تشمل تقنيات مثل: ضغط الصور، تغيير الحجم، استخدام التنسيقات الحديثة (WebP, AVIF)، والصور المتجاوبة. تُحسّن الصور المحسنة من …

(5)
⚛️ 💚 🅰️ 🔥
🚀

Lazy Loading

تقنية تحسين الأداء

Lazy Loading هي تقنية تحميل كسول تُستخدم لتأخير تحميل الموارد غير الضرورية حتى يحتاجها المستخدم. تشمل الصور، الفيديوهات، ومكونات React. تُحسن Lazy Loading من سرعة تحميل الصفحة الأولية وتقلل من …

(5)
⚛️ 💚 🅰️ 🔥
🚀

Lighthouse

أداة فحص شاملة من Google

Lighthouse هي أداة فحص شاملة مفتوحة المصدر من Google تقيس أداء مواقع الويب، وإمكانية الوصول، وأفضل الممارسات، و SEO، وتطبيقات الويب التقدمية (PWA). توفر تقارير مفصلة مع اقتراحات للتحسين. تعمل …

(5)
⚛️ 💚 🅰️ 🔥
🚀

PageSpeed Insights

أداة قياس أداء من Google

PageSpeed Insights هي أداة مجانية من Google تقيس أداء مواقع الويب على أجهزة الموبايل والديسكتوب. تستخدم بيانات من CrUX (Chrome User Experience Report) و Lighthouse لتقديم نتائج دقيقة. تقدم الأداة …

(5)
⚛️ 💚 🅰️ 🔥
🚀

Service Workers

تقنية متصفح للـ offline

Service Workers هي سكربتات تعمل في الخلفية من المتصفح وتعمل كوسيط بين التطبيق والخادم. تتيح Service Workers التخزين المؤقت، دعم العمل أوفلاين،推送 إشعارات، والمزيد. تُستخدم Service Workers بشكل أساسي في …

(5)
⚛️ 💚 🅰️ 🔥
🚀

SpeedCurve

أداة مراقبة أداء الويب

SpeedCurve هي أداة مراقبة أداء ويب احترافية تتيح تتبع أداء المواقع عبر الزمن من مواقع جغرافية متعددة. تقدم تقارير مفصلة ورسوم بيانية تفاعلية. تتميز SpeedCurve بمراقبة الأداء المستمر واختبار الأجهزة …

(4)
⚛️ 💚 🅰️ 🔥
🚀

Web Vitals

مكتبة قياس مقاييس الويب الأساسية

Web Vitals هي مكتبة JavaScript من Google لقياس مقاييس Core Web Vitals في المتصفح. توفر المكتبة طريقة سهلة لقياس LCP، FID/INP، CLS وغيرها من المقاييس المهمة. تُستخدم المكتبة لتتبع أداء …

(5)
⚛️ 💚 🅰️ 🔥
🚀

WebPageTest

أداة اختبار أداء الويب المتقدمة

WebPageTest هي أداة اختبار أداء ويب متقدمة تتيح اختبار مواقع الويب من مواقع جغرافية متعددة وأجهزة حقيقية. توفر تقارير مفصلة تشمل Waterfall Charts و Filmstrips واختبارات متعددة. تتميز WebPageTest بقدرتها …

(5)
⚛️ 💚 🅰️ 🔥
🚀

Workbox

مكتبة Service Workers من Google

Workbox هي مكتبة JavaScript من Google لتسهيل العمل مع Service Workers و Offline caching. توفر المكتبة أدوات جاهزة لاستراتيجيات التخزين المؤقت والتحديث. تدعم Workbox أيضاً Background Sync، Web App Manifest، …

(4)
⚛️ 💚 🅰️ 🔥
🚀

YellowLab Tools

أداة فحص أداء الويب مفتوحة المصدر

YellowLab Tools هي أداة فحص أداء ويب مفتوحة المصدر مجانية. تركز الأداة على فحص جودة كود الواجهة الأمامية بما في ذلك JavaScript، CSS، الصور، وأفضل الممارسات. تتميز YellowLab Tools بتقاريرها …

(3)
⚛️ 💚 🅰️ 🔥