📋 محتويات الصفحة
📖 الوصف
Workbox هي مكتبة JavaScript من Google لتسهيل العمل مع Service Workers و Offline caching. توفر المكتبة أدوات جاهزة لاستراتيجيات التخزين المؤقت والتحديث. تدعم Workbox أيضاً Background Sync، Web App Manifest، ودفع الإشعارات. Workbox متاحة مجاناً ومفتوحة المصدر.
🎯 يستخدم في
مجالات استخدام هذه الأداة
Service Workers
Offline caching
Push Notifications
Background Sync
Progressive Web Apps (PWAs)
✨ المميزات
أبرز مميزات هذه الأداة
Easy الاستخدام
Easy Service Workers
Easy التخزين المؤقت
Easy Background Sync
easy Push Notifications
Easy TypeScript
Easy تكامل
⚠️ العيوب
نقاط يجب مراعاتها
يحتاج فهم Service Workers
قد يكون معقداً
محدود في الميزات المتقدمة
يحتاج تكوين
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// npm install workbox-precaching workbox-routing workbox-strategies
// service-worker.js
import { precacheAndRoute } from 'workbox-precaching'
import { registerRoute } from 'workbox-routing'
import { StaleWhileRevalidate, CacheFirst } from 'workbox-strategies'
// Precaching
precacheAndRoute(self.__WB_MANIFEST)
// استراتيجيات التخزين
registerRoute(
({ request }) => request.destination === 'image',
new CacheFirst({ cacheName: 'images' })
)
registerRoute(
({ url }) => url.pathname.startsWith('/api/'),
new StaleWhileRevalidate({ cacheName: 'api-cache' })
)📚 أدوات أخرى في Performance
قد يعجبك أيضاً
Bundle Analyzer
⭐أداة تحليل حجم الحزمة
Calibre
⭐أداة اختبار ومراقبة الأداء
Chrome User Experience Report (CrUX)
⭐مجموعة بيانات تجربة المستخدم من Google
CrUX (Dashboard)
أداة مراقبة بيانات تجربة المستخدم
Image Optimization
⭐تقنيات تحسين الصور
Lazy Loading
⭐تقنية تحسين الأداء