منابع مبتنی بر متن باید با فشرده سازی ارائه شوند تا کل بایت های شبکه به حداقل برسد. بخش فرصت‌ها در گزارش Lighthouse شما، تمام منابع مبتنی بر متن را که فشرده نشده‌اند فهرست می‌کند:
چگونه Lighthouse فشرده سازی متن را مدیریت می کند
Lighthouse تمام پاسخ هایی را جمع آوری می کند که:
- انواع منابع مبتنی بر متن داشته باشید.
- هدر
content-encodingرویbr,gzipیاdeflateقرار ندهید.
سپس Lighthouse هر یک از اینها را با GZIP فشرده می کند تا پس انداز احتمالی را محاسبه کند.
اگر اندازه اصلی یک پاسخ کمتر از 1.4KiB باشد، یا اگر صرفه جویی در فشرده سازی بالقوه کمتر از 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 DevTools فشرده شده است یا خیر
برای بررسی اینکه آیا سرور یک پاسخ را فشرده کرده است:
برای باز کردن DevTools Control+Shift+J (یا Command+Option+J در مک) را فشار دهید. روی تب Network کلیک کنید.
[نظر]: <> (لیست زیر یک کد کوتاه از web.dev بود، اما از انگلیسی برای هیچ زبانی ترجمه نشده بود.) 1. برای باز کردن Control + Shift + J (یا Command + Option + J در Mac) را فشار دهید تا باز شود. DevTools. 2. روی تب Network کلیک کنید. 3. روی درخواستی که باعث پاسخی که به آن علاقه دارید کلیک کنید. 4. روی تب Headers کلیک کنید. 5. سرصفحه content-encoding را در بخش Response Headers بررسی کنید.
content-encoding .برای مقایسه اندازه های فشرده و غیر فشرده یک پاسخ:
[نظر]: <> (لیست زیر یک کد کوتاه از web.dev بود، اما از انگلیسی برای هیچ زبانی ترجمه نشده بود.) 1. برای باز کردن Control + Shift + J (یا Command + Option + J در Mac) را فشار دهید تا باز شود. DevTools. 2. روی تب Network کلیک کنید. 3. ردیف های درخواست بزرگ را فعال کنید. به استفاده از ردیف های درخواست بزرگ مراجعه کنید. 4. برای پاسخی که به آن علاقه دارید به ستون Size نگاه کنید. مقدار بالای آن اندازه فشرده است. مقدار پایین اندازه فشرده شده است.
همچنین به کوچک سازی و فشرده سازی محموله های شبکه مراجعه کنید.
راهنمایی مخصوص پشته
جوملا
تنظیم فشرده سازی صفحه Gzip ( سیستم > پیکربندی جهانی > سرور ) را فعال کنید.
وردپرس
فشرده سازی متن را در پیکربندی وب سرور خود فعال کنید.