- Tránh chuyển hướng trang đích
- Bật tính năng nén
- Cải thiện thời gian phản hồi của máy chủ
- Tận dụng bộ nhớ đệm trình duyệt
- Giảm bớt tài nguyên
- Tối ưu hóa hình ảnh
- Tối ưu hóa phân phối CSS
- Ưu tiên nội dung hiển thị
- Xóa JavaScript chặn hiển thị
Tránh chuyển hướng trang đích
Quy tắc này kích hoạt khi PageSpeed Insights phát hiện thấy bạn có nhiều chuyển hướng từ url nhất định đến trang đích cuối cùng.
Tổng quan
Chuyển hướng kích hoạt chu kỳ phản hồi yêu cầu HTTP bổ sung và hiển thị trang trì hoãn. Trong trường hợp tốt nhất, mỗi chuyển hướng sẽ thêm một vòng đơn (phản hồi yêu cầu HTTP) và trong trường hợp xấu nhất có thể dẫn đến nhiều lần bổ sung để thực hiện tra cứu DNS, bắt tay TCP và thỏa thuận TLS ngoài yêu cầu HTTP bổ sung- chu kỳ phản ứng. Kết quả là, bạn nên giảm thiểu việc sử dụng chuyển hướng để cải thiện hiệu suất trang web.
Dưới đây là một số ví dụ về mẫu chuyển hướng:
- example.com sử dụng thiết kế web đáp ứng, không cần chuyển hướng - nhanh và tối ưu!
- example.com → m.example.com/home - hình phạt nhiều vòng cho người dùng di động.
- example.com → www.example.com → m.example.com - trải nghiệm di động rất chậm.
Bật tính năng nén
Quy tắc này kích hoạt khi PageSpeed Insights phát hiện ra rằng tài nguyên nén được phục vụ mà không cần gzipnén.
Tổng quan
Tất cả các trình duyệt hiện đại đều hỗ trợ và tự động thương lượng gzipnén cho tất cả các yêu cầu HTTP. Việc bật tính năng néng zip có thể giảm kích thước của phản hồi được chuyển tối đa 90%, có thể giảm đáng kể thời gian tải xuống tài nguyên, giảm mức sử dụng dữ liệu cho khách hàng và cải thiện thời gian hiển thị trang đầu tiên của bạn. Xem nén văn bản với GZIP để tìm hiểu thêm.
khuyến nghị
Bật và kiểm tra hỗ trợ nén gzip trên máy chủ web của bạn. Dự án HTML5 Boilerplate chứa các tệp cấu hình mẫu cho tất cả các máy chủ phổ biến nhất với các chú thích chi tiết cho mỗi cờ cấu hình và cài đặt: tìm máy chủ yêu thích của bạn trong danh sách, tìm gzipphần và xác nhận rằng máy chủ của bạn được cấu hình với các thiết lập được khuyến nghị. Ngoài ra, hãy tham khảo tài liệu về máy chủ web của bạn về cách bật tính năng nén:
- Apache: Sử dụng mod_deflate
- Nginx: Sử dụng ngx_http_gzip_module
- IIS: Cấu hình nén HTTP
Câu hỏi thường gặp
PageSpeed Insights báo cáo rằng nhiều tệp nội dung tĩnh của tôi cần được gzipped, nhưng tôi đã định cấu hình máy chủ web của mình để phân phối các tệp này bằng cách sử dụng nén gzip. Tại sao PageSpeed Insights không nhận dạng được nén?
Máy chủ proxy và phần mềm chống vi-rút có thể tắt tính năng nén khi tệp được tải xuống máy khách. Kết quả của PageSpeed Insights dựa trên tiêu đề thực sự được trả lại cho khách hàng của bạn, vì vậy nếu bạn đang chạy phân tích trên máy khách đang sử dụng phần mềm chống vi-rút như vậy hoặc nằm phía sau máy chủ proxy trung gian (nhiều proxy trong suốt, và thậm chí bạn có thể không nhận thức được sự can thiệp của proxy giữa máy khách và máy chủ web của bạn), chúng có thể là nguyên nhân của vấn đề này.
Cải thiện thời gian phản hồi của máy chủ
Quy tắc này kích hoạt khi PageSpeed Insights phát hiện thấy thời gian phản hồi của máy chủ của bạn cao hơn 200 mili giây.Tổng quan
Thời gian phản hồi của máy chủ đo thời gian cần để tải HTML cần thiết để bắt đầu hiển thị trang từ máy chủ của bạn, trừ đi độ trễ mạng giữa Google và máy chủ của bạn. Có thể có sự khác biệt từ lần chạy này đến lần chạy tiếp theo, nhưng sự khác biệt không nên quá lớn. Trong thực tế, thời gian phản hồi của máy chủ biến đổi cao có thể cho biết vấn đề hiệu suất cơ bản.khuyến nghị
Bạn nên giảm thời gian phản hồi của máy chủ dưới 200 mili giây. Có hàng tá yếu tố tiềm ẩn có thể làm chậm phản ứng của máy chủ của bạn: logic ứng dụng chậm, truy vấn cơ sở dữ liệu chậm, định tuyến chậm, khung công tác, thư viện, đói tài nguyên CPU hoặc đói bộ nhớ. Bạn cần phải xem xét tất cả các yếu tố này để cải thiện thời gian phản hồi của máy chủ. Bước đầu tiên để khám phá lý do tại sao thời gian phản hồi của máy chủ cao là để đo lường. Sau đó, với dữ liệu trong tay, hãy tham khảo hướng dẫn thích hợp để biết cách giải quyết vấn đề. Khi vấn đề được giải quyết, bạn phải tiếp tục đo thời gian phản hồi của máy chủ và giải quyết bất kỳ tắc nghẽn hiệu suất nào trong tương lai.- Thu thập và kiểm tra hiệu suất và dữ liệu hiện có. Nếu không có sẵn, hãy đánh giá bằng cách sử dụng giải pháp giám sát ứng dụng web tự động (có các phiên bản nguồn mở và được lưu trữ có sẵn cho hầu hết các nền tảng) hoặc thêm công cụ tùy chỉnh.
- Xác định và sửa các tắc nghẽn hiệu suất hàng đầu. Nếu bạn đang sử dụng một khung công tác web phổ biến hoặc nền tảng quản lý nội dung, hãy tham khảo tài liệu về các phương pháp hay nhất về tối ưu hóa hiệu suất.
- Giám sát và cảnh báo cho bất kỳ hồi quy hiệu suất trong tương lai! xem thêm
