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

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

استخدموا علامة تبويب CSS وJavaScript في Zinn® Cache Pro لإزالة ملفات CSS غير المستخدمة وتأخير البرامج النصية، واستخدموا علامة تبويب الصور لصور WebP وAVIF وأحجام الصور المفقودة — ولماذا لا يوجد خيار للتصغير (minify) أو الدمج (combine)، وكيفية التراجع عن تغيير يعطل إحدى الصفحات.

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.

مع لقطات الشاشة: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress