Các thử nghiệm được thực hiện trên các chủ đề CMS phổ biến cho thấy mức tăng hiệu suất từ 7 % đến 33%.
Chia sẻ bài viết
Alexandra Patard / Đăng vào ngày 19 tháng 7 năm 2021 lúc 11:52 sáng
Giải pháp của WordPress để cải thiện điểm số Sơn có nội dung lớn nhất (LCP) của CWV. © Postmodern Studio – stock.adobe.com
Tích hợp vào lõi WordPress 5.5, thuộc tính lazy-loading được sử dụng để yêu cầu trình duyệt trì hoãn việc tải các phần tử của trang web, chẳng hạn như hình ảnh hoặc iframe, không hiển thị trên màn hình. Sau đó, trang có thể tải nhanh hơn đối với khách truy cập trang web. Nhưng người ta nhận thấy rằng tính năng này có thể làm suy giảm chỉ số Sơn có nội dung lớn nhất (LCP) của Core Web Vitals, đo lường tốc độ tải hình ảnh và các yếu tố khác của trang web xuống khung nhìn của trang web. Lý do: “Phần lõi của WordPress không thể đánh giá một cách đáng tin cậy liệu hình ảnh sẽ xuất hiện bên trên hay bên dưới màn hình, vì nó phụ thuộc vào chủ đề hiện đang hoạt động.”
Một cách mới để tích hợp tính năng tải chậm hình ảnh trong WordPress
Nếu quyền kiểm soát chính xác thuộc tính này được để cho các nhà phát triển chủ đề, thì WordPress có thể cung cấp một mức tăng hiệu suất đáng kể, bao gồm cả việc cải thiện điểm LCP bằng cách 7 % đến 33%, bằng cách tinh chỉnh cách CMS tích hợp tính năng tải chậm hình ảnh. Đề xuất này, được đăng bởi nhà phát triển Felix Arntz, là loại trừ việc thêm thuộc tính lazy-loading vào khung đầu tiên hoặc khung nội tuyến trong mã.
Thay vì tải tất cả các hình ảnh và khung nội tuyến theo mặc định, hình ảnh nội dung đầu tiên (cũng được xem xét các hình ảnh nổi bật) hoặc nội dung khung nội tuyến không nên được tải chậm. Đây là mặc định nhạy cảm hơn so với mặc định được sử dụng bởi triển khai hiện tại, ở quy mô trung bình đến lớn sẽ dẫn đến hiệu suất LCP tốt hơn ngoài hộp, đồng thời duy trì băng thông thấp cần thiết, nhà phát triển cho biết.
Mức tăng hiệu suất đáng chú ý được thử nghiệm trên 50 chủ đề WordPress phổ biến
Phương pháp này đã được thử nghiệm trên 50 chủ đề WordPress phổ biến nhất và cho thấy những điều sau:
Việc bỏ qua khung nội dung đầu tiên dẫn đến cải thiện LCP trung bình của 7 % mà không quan sát hồi quy trên các byte khung đã lưu, Việc bỏ qua hai khung nội dung đầu tiên dẫn đến cải thiện LCP trung bình của 5 % và mức tăng trung bình trong số byte hình ảnh là 2 %, cung cấp kết quả kém hiệu quả hơn. Tắt hoàn toàn tính năng tải chậm không cung cấp giải pháp cho vấn đề hiệu suất.
Các thử nghiệm bổ sung về việc bỏ qua hình ảnh nội dung đầu tiên đã mang lại kết quả đáng kể hơn:
Đi sâu hơn vào kết quả khi bỏ qua khung nội dung đầu tiên, 42% trường hợp dẫn đến mức cải thiện LCP trung bình lớn hơn 10%, với mức cải thiện tối đa là 33%.
Trong 5 % trong số các tình huống, LCP trung bình là hơn 10%, mức tối đa ở đây là 21%. Mặc dù cải thiện LCP trung bình trên tất cả các chủ đề chỉ là 7 %, có mức tăng đáng chú ý lớn hơn cho một số chủ đề đáng kể, trong khi tổn thất đáng chú ý là tối thiểu.
Nếu đề xuất này được xác thực, nó có thể được giới thiệu như một phần của bản cập nhật WordPress 5.9dự kiến phát hành vào tháng 12 năm 2021.
