منابع مبتنی بر متن باید با فشرده سازی ارائه شوند تا کل بایت های شبکه به حداقل برسد. بخش فرصتها در گزارش 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
فشرده سازی پاسخ را بررسی کنید
برای بررسی اینکه آیا سرور یک پاسخ را فشرده کرده است:
برای باز کردن DevTools، Control+Shift+J
(یا Command+Option+J
در مک) را فشار دهید. روی تب Network کلیک کنید.
- Control + Shift + J (یا Command + Option + J را در مک) فشار دهید تا DevTools باز شود.
- روی تب Network کلیک کنید.
- روی درخواستی که باعث پاسخی که به آن علاقه دارید کلیک کنید.
- روی تب Headers کلیک کنید.
- هدر
content-encoding
در بخش سرصفحه پاسخ بررسی کنید.
برای مقایسه اندازه های فشرده و غیرفشرده پاسخ:
- Control + Shift + J (یا Command + Option + J را در مک) فشار دهید تا DevTools باز شود.
- روی تب Network کلیک کنید.
- ردیف های درخواستی بزرگ را فعال کنید. به استفاده از ردیف های درخواست بزرگ مراجعه کنید.
- به ستون Size برای پاسخی که به آن علاقه دارید نگاه کنید. مقدار بالایی اندازه فشرده است. مقدار پایین اندازه فشرده شده است.
همچنین به کوچک سازی و فشرده سازی محموله های شبکه مراجعه کنید.
راهنمایی مخصوص پشته
- جوملا : تنظیمات فشرده سازی صفحه Gzip را فعال کنید ( سیستم > پیکربندی جهانی > سرور ).
- وردپرس : فشرده سازی متن را در پیکربندی وب سرور خود فعال کنید.