Google Chrome và các trình duyệt web dựa trên Chromium có được Tính năng cải thiện hiệu suất mới 'iframe Lazy Loading'

Google Chrome và tất cả các trình duyệt web dựa trên nền tảng Chromium như Edge mới của Microsoft, Opera, Vivaldi, Brave, v.v., hiện sẽ hỗ trợ một tính năng mới giúp cải thiện hiệu suất tổng thể. Các trình duyệt này hiện có khả năng hỗ trợ tính năng "tải chậm nội dung iframe". Tính năng mới sẽ hỗ trợ cân bằng và cải thiện hiệu suất của các trình duyệt web này bằng cách sắp xếp và lên lịch tải nội dung web một cách thông minh.

Google đã cải thiện cơ sở Chromium hỗ trợ một số trình duyệt web phổ biến nhất. Phần lõi hiện hỗ trợ ‘iframe lazy loading’. Tính năng này rất quan trọng để tải các trang web lớn với một lượng lớn nội dung. Tải chậm ngăn cản việc tải nội dung đồng thời, gây gánh nặng cho trình duyệt. Ngoài ra, tải đồng thời có thể tác động tiêu cực đến hiệu suất của trình duyệt web và cuối cùng là PC.

Tính năng ‘iframe Lazy Loading’ của Chromium để đảm bảo hoạt động trơn tru của các trang web trong trình duyệt:

Google đã xác nhận rằng trình duyệt dựa trên Chromium không chỉ hỗ trợ trình duyệt web Google Chrome của riêng mình mà còn hỗ trợ một số trình duyệt khác, hiện hỗ trợ tải nội dung iframe một cách chậm rãi. Tính năng mới này xuất hiện ngay sau khi Google giới thiệu hỗ trợ tính năng tải chậm hình ảnh trong Chromium và Chrome gần đây. Nói một cách đơn giản, giờ đây không chỉ hình ảnh và nội dung đa phương tiện tải có chọn lọc mà còn cả nội dung cốt lõi thường được sắp xếp bên trong iframe.

Từ góc độ kỹ thuật, tải chậm hạn chế trình duyệt tải một số nội dung nhất định cho đến khi nó được người dùng truy cập hoặc nằm trong phạm vi cuộn. Khi một trang được tải lần đầu tiên, nội dung không hiển thị dưới màn hình đầu tiên có thể được "tải chậm". Khi người dùng cuộn xuống, nội dung sẽ được tải trong khi hành động cuộn diễn ra.

Tính năng "tải chậm các khung nội tuyến" trong trình duyệt web dựa trên Chromium cũng tuân theo kỹ thuật tương tự. Tuy nhiên, điều quan trọng là quản trị viên web hoặc nhà thiết kế trang web phải sử dụng thuộc tính loading = ”lazy” cho iframe trong mã của trang web. Thuộc tính này thông báo cho trình duyệt biết rằng nội dung không nên được tải ngay và có thể được tải theo mẫu cuộn.

Không cần phải nói thêm, cho đến gần đây, các trình duyệt không có hỗ trợ 'lazy loading' sẽ hoàn toàn bỏ qua thuộc tính này và tải càng nhiều nội dung càng tốt hoặc có thể truy cập được. Điều này gây một số áp lực lên trình duyệt web và cuối cùng là PC hoặc thiết bị hỗ trợ internet, có thể là điện thoại thông minh, máy tính bảng, v.v. Trong khi các thiết bị có dung lượng RAM lớn và CPU mạnh sẽ không ảnh hưởng nhiều đến việc tải trình duyệt nhiều nội dung đồng thời, các thiết bị có RAM hạn chế hoặc thấp và CPU nhẹ có thể bị ảnh hưởng tiêu cực.

Mặt khác, các trình duyệt hỗ trợ 'lazy loading' sẽ xử lý tải tương ứng. Ngẫu nhiên, Mozilla Firefox đã có khả năng hỗ trợ tính năng này kể từ khi phiên bản 75 của nó được phát hành. Firefox hiện đang ở phiên bản v78 (ổn định).

Có bao nhiêu tác động tích cực đến tải chậm trên trình duyệt web?

Google đã chạy một số thử nghiệm để đánh giá tác động của việc tải iframe chậm trên trình duyệt web. Sau đây là những nhận xét:

• Tải chậm các bản nhúng YouTube sẽ tiết kiệm được khoảng 500 Kilobyte khi tải trang đầu tiên.
• Trên Chrome.com, Google đã cố gắng giảm thời gian tải xuống 10 giây trên thiết bị di động khi thêm thuộc tính lười biếng vào YouTube nhúng trên trang.
• Tải chậm các bản nhúng Instagram tiết kiệm được khoảng 100 Kilobyte khi tải ban đầu.
• Tải chậm Các bản nhúng Spotify tiết kiệm 514 Kilobyte khi tải ban đầu.

https://twitter.com/PickJBennett/status/1116776399988121600

Mặc dù kết quả có thể khác nhau, nhưng việc tải chậm các iframe ngoài màn hình thường dẫn đến tiết kiệm dữ liệu trung bình 2-3%, sơn toàn nội dung đầu tiên 1-2% và độ trễ đầu vào đầu tiên là 2%. Google cũng lưu ý rằng có khả năng sử dụng tải các thuộc tính cho quảng cáo trên các trang web. Nói một cách đơn giản, Google có thể đã chỉ ra cách nó có thể sử dụng tính năng để tải quảng cáo có chọn lọc.