تفعيل ضغط النص

يجب عرض الموارد المستندة إلى النص باستخدام الضغط لتقليل إجمالي وحدات البايت على الشبكة. يسرد قسم "الفرص" في تقرير Lighthouse جميع الموارد النصية غير المضغوطة:

لقطة شاشة لميزة "تدقيق ضغط النص" في Lighthouse

طريقة معالجة أداة Lighthouse لضغط النص

يجمع Lighthouse جميع الردود التي:

  • تتوفّر أنواع موارد نصية.
  • لا تضمِّن عنوان content-encoding مضبوطًا على br أو gzip أو deflate.

بعد ذلك، تضغط أداة Lighthouse كل منها باستخدام GZIP لاحتساب المدّخرات المحتملة.

إذا كان الحجم الأصلي للاستجابة أقل من 1.4 كيلوبايت أو إذا كانت نسبة توفير الضغط المُحتمَلة أقل من 10% من الحجم الأصلي، لن تُبلغ أداة Lighthouse عن تلك الاستجابة في النتائج.

كيفية تفعيل ضغط النص في خادمك

يمكنك تفعيل ضغط النص على الخادم(الخوادم) التي عرضت هذه الاستجابات من أجل اجتياز عملية التدقيق هذه.

عندما يطلب المتصفّح موردًا، سيستخدم عنوان طلب HTTP Accept-Encoding للإشارة إلى خوارزميات الضغط المتوافقة معه.

Accept-Encoding: gzip, compress, br

إذا كان المتصفح يتوافق مع Brotli (br)، يجب استخدام Brotli لأنه يمكن أن يقلل حجم ملف الموارد أكثر من خوارزميات الضغط الأخرى. ابحث عن how to enable Brotli compression in <X>، حيث <X> هو اسم الخادم. اعتبارًا من كانون الأول (ديسمبر) 2022، ستتوفّر Brotli على جميع المتصفّحات الرئيسية باستثناء Safari على نظام التشغيل iOS. للحصول على معلومات حول التحديثات، يمكنك مراجعة توافق المتصفّح.

استخدام GZIP كعنصر احتياطي لـ Brotli. يتم دعم GZIP في كل المتصفحات الرئيسية، ولكنه أقل كفاءة من Brotli. راجع إعدادات الخادم للحصول على أمثلة.

من المفترض أن يعرض الخادم عنوان استجابة HTTP Content-Encoding للإشارة إلى خوارزمية الضغط التي يستخدمها.

Content-Encoding: br

التحقّق مما إذا تم ضغط أحد الردود في "أدوات مطوري البرامج في Chrome"

للتحقّق مما إذا كان أحد الخوادم قد ضغط إحدى الردود:

اضغط على Control+Shift+J (أو Command+Option+J على نظام التشغيل Mac) لفتح "أدوات مطوّري البرامج". انقر على علامة التبويب الشبكة .

[comment]: <> (كانت القائمة التالية رمزًا قصيرًا من web.dev، ولكن لم تتم ترجمتها من الإنجليزية لأي لغة.) 1- اضغط على Control+Shift+J (أو Command+Option+J على نظام التشغيل Mac) لفتح "أدوات مطوّري البرامج". 2. انقر على علامة التبويب Network (الشبكة). 3. انقر على الطلب الذي تسبب في الرد الذي يهمّك. 4. انقر على علامة التبويب العناوين. 5. تحقَّق من عنوان content-encoding في القسم عناوين الاستجابة.

عنوان الاستجابة بترميز المحتوى
عنوان الاستجابة content-encoding.

للمقارنة بين الحجمَين المضغوط والفكّ ضغطهما لأحد الردود، اتّبِع الخطوات التالية:

[comment]: <> (كانت القائمة التالية رمزًا قصيرًا من web.dev، ولكن لم تتم ترجمتها من الإنجليزية لأي لغة.) 1- اضغط على Control+Shift+J (أو Command+Option+J على نظام التشغيل Mac) لفتح "أدوات مطوّري البرامج". 2. انقر على علامة التبويب Network (الشبكة). 3. فعِّل صفوف الطلبات الكبيرة. راجِع استخدام صفوف الطلبات الكبيرة. 4. ابحث في عمود الحجم عن الردّ الذي يهمّك. وتكون القيمة الأعلى هي الحجم المضغوط. وتكون القيمة السفلية هي الحجم غير المضغوط.

يمكنك الاطِّلاع أيضًا على تصغير حمولات البيانات وضغطها على الشبكة.

إرشادات خاصة بحِزم البيانات

Joomla

فعِّل إعداد "ضغط صفحة Gzip" (النظام > الضبط العام > الخادم).

WordPress

يمكنك تفعيل ضغط النص في إعداد خادم الويب.

المراجِع