تصغير الموارد (HTML وCSS وجافا سكريبت)

يتم تشغيل هذه القاعدة عندما يكتشف PageSpeed Insights أن حجم أحد مواردك قد يتعرض لتقليص من خلال عملية تصغير.

نظرة عامة

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

التوصيات

يجب تصغير HTML وCSS وجافا سكريبت.

ولتصغير HTML، يمكنك استخدام إضافة PageSpeed Insights على Chrome لإنشاء نسخة محسَّنة من شفرة HTML. نفِّذ عملية تحليل لصفحة HTML واستعرض حتى تصل إلى قاعدة "تصغير HTML". انقر على "الاطلاع على المحتوى المحسَّن" للحصول على شفرة HTML المحسنة.

لتصغير CSS، يمكنك تجربة YUI Compressor وcssmin.js.

لتصغير جافا سكريبت، جرِّب Closure Compiler أو JSMin أو YUI Compressor. يمكنك إنشاء عملية إصدار تستخدم هذه الأدوات لتصغير ملفات التطوير وإعادة تسميتها وحفظها في سجل إنتاج.