منابع مبتنی بر متن باید با فشرده سازی ارائه شوند تا کل بایت های شبکه به حداقل برسد. بخش فرصتها در گزارش 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
برای بررسی اینکه آیا سرور یک پاسخ را فشرده کرده است:
برای باز کردن 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 ( سیستم > پیکربندی جهانی > سرور ) را فعال کنید.
فشرده سازی متن را در پیکربندی وب سرور خود فعال کنید.