إزالة CSS غير المستخدم وتأخير JavaScript وتقديم WebP وAVIF

1. اختبر تغييرًا واحدًا في كل مرة

   يغير تحسين الأصول طريقة استلام المتصفح لملفات قالبك. قم بتغيير إعداد واحد، وتحقق من الموقع، ثم تابع، حتى يكون لأي مشكلة سبب واضح.

2. افتح علامة تبويب CSS وJavaScript

   في WordPress، افتح ⁨Zinn Digital®⁩، ثم Cache Pro، ثم CSS و JavaScript. توجد الصور في علامة تبويب خاصة بها.

3. ابدأ بالإعدادات الافتراضية الآمنة

   أبقِ خيار "استخدام الإعدادات الافتراضية الآمنة" قيد التشغيل. فهو لا يؤخر أبدًا jQuery أو إشعارات الموافقة على ملفات تعريف الارتباط، ويترك صفحات الدفع دون تغيير.

4. تأخير JavaScript، ثم إزالة CSS غير المستخدم

   قم بتفعيل تأخير JavaScript حتى يتفاعل الزائر، ثم احفظ التغييرات وتحقق من صفحاتك الرئيسية بعد تسجيل الخروج. بعد ذلك، قم بتفعيل إزالة CSS غير المستخدم. إذا توقف أي عنصر عن العمل، فقم بإضافة البرنامج النصي أو ورقة الأنماط الخاصة به إلى قائمة الملفات المستثناة.

5. عرض صور WebP وAVIF

   في علامة تبويب الصور، قم بتشغيل WebP أو AVIF، ثم قم بتحويل صورك الحالية. تبقى الصور الأصلية في مكانها، وبنقرة واحدة تتم إزالة كل نسخة محولة.

6. لماذا لا يوجد خيار للتصغير أو الدمج

   كان دمج الملفات مفيداً مع HTTP/1.1 ولكنه يبطئ الصفحات على HTTP/2 وHTTP/3، كما أن التصغير يوفر نسبة مئوية ضئيلة بمجرد ضغط الملفات بينما يعد السبب الأكثر شيوعاً لتلف التنسيق. تكمن الفائدة الحقيقية في إزالة CSS غير المستخدم وتأخير JavaScript.

الدليل التالي: تنظيف قاعدة بيانات WordPress