Phải phân phát các tài nguyên dựa trên văn bản ở dạng nén để giảm thiểu tổng mạng byte. Mục Cơ hội của báo cáo Lighthouse liệt kê tất cả cơ hội dựa trên văn bản tài nguyên không được nén:
Cách Lighthouse xử lý hoạt động nén văn bản
Lighthouse thu thập tất cả các phản hồi:
- Có các loại tài nguyên dựa trên văn bản.
- Đừng đặt tiêu đề
content-encoding
thànhbr
,gzip
hoặcdeflate
.
Sau đó, Lighthouse sẽ nén từng thành phần này bằng GZIP để tính toán tiềm năng một chút.
Nếu kích thước ban đầu của phản hồi nhỏ hơn 1, 4KiB hoặc nếu khả năng tiết kiệm nén nhỏ hơn 10% kích thước ban đầu, sau đó Lighthouse không gắn cờ phản hồi đó trong kết quả.
Bật tính năng nén văn bản trên máy chủ
Bật tính năng nén văn bản trên(các) máy chủ đã phân phối các phản hồi này để vượt qua quá trình kiểm tra này.
Khi trình duyệt yêu cầu một tài nguyên, trình duyệt sẽ sử dụng
Accept-Encoding
Tiêu đề của yêu cầu HTTP để cho biết tiêu đề này hỗ trợ những thuật toán nén nào.
Accept-Encoding: gzip, compress, br
Nếu trình duyệt hỗ trợ Brotli
(br
) bạn nên dùng Brotli vì ứng dụng này có thể giảm kích thước tệp của tài nguyên nhiều hơn so với
các thuật toán nén khác. Tìm kiếm how to enable Brotli compression in <X>
, trong đó
<X>
là tên máy chủ của bạn. Kể từ tháng 12 năm 2022, Brotli được hỗ trợ trên tất cả các trình duyệt chính, ngoại trừ trình duyệt Safari trên iOS. Xem
Khả năng tương thích với trình duyệt
để được cập nhật.
Sử dụng GZIP làm phương án dự phòng cho Brotli. GZIP được hỗ trợ trong tất cả các trình duyệt chính, nhưng kém hiệu quả hơn Brotli. Tham khảo Cấu hình máy chủ để có các ví dụ.
Máy chủ của bạn sẽ trả về
Content-Encoding
Tiêu đề phản hồi HTTP để cho biết thuật toán nén đã sử dụng.
Content-Encoding: br
Kiểm tra nén phản hồi
Cách kiểm tra xem máy chủ có nén phản hồi hay không:
Nhấn Control+Shift+J
(hoặc Command+Option+J
trên máy Mac) để mở Công cụ cho nhà phát triển.
Nhấp vào thẻ Network (Mạng).
- Nhấn tổ hợp phím Control+Shift+J (hoặc Command+Option+J trên máy Mac) để mở Công cụ cho nhà phát triển.
- Nhấp vào thẻ Mạng.
- Nhấp vào yêu cầu đã tạo ra phản hồi mà bạn quan tâm.
- Nhấp vào thẻ Tiêu đề.
- Kiểm tra tiêu đề
content-encoding
trong phần Tiêu đề phản hồi.
Cách so sánh kích thước nén và giải nén của một phản hồi:
- Nhấn tổ hợp phím Control+Shift+J (hoặc Command+Option+J trên máy Mac) để mở Công cụ cho nhà phát triển.
- Nhấp vào thẻ Mạng.
- Bật các hàng yêu cầu lớn. Hãy xem phần Sử dụng các hàng yêu cầu lớn.
- Xem cột Kích thước để biết câu trả lời mà bạn quan tâm. Chiến lược phát hành đĩa đơn giá trị cao nhất là kích thước được nén. Giá trị dưới cùng là giá trị đã giải nén kích thước.
Xem thêm phần Giảm thiểu và nén tải trọng mạng.
Hướng dẫn dành riêng cho ngăn xếp
- Joomla: Bật chế độ cài đặt Nén trang Gzip (Joomla > Joomla > Joomla).
- WordPress: Bật tính năng nén văn bản trong cấu hình máy chủ web của bạn.