- Chrome 148 sẽ cho phép tải lười (lazy loading) gốc cho các phần tử. Và Trên máy tính để bàn, thiết bị di động và WebView.
- Thuộc tính loading="lazy" cho phép trì hoãn quá trình tải xuống phương tiện cho đến khi nó đến gần khu vực hiển thị.
- Thời gian tải trang, mức tiêu thụ dữ liệu di động và mức sử dụng RAM sẽ được giảm thiểu, đặc biệt là trên các trang web có nhiều nội dung đa phương tiện.
- Sự cải tiến này cũng sẽ được áp dụng cho các trình duyệt dựa trên Chromium khác như Edge, Opera, Brave và Vivaldi.
Google đang hoàn thiện một trong những cải tiến thầm lặng không làm thay đổi giao diện trình duyệt, nhưng lại khá dễ nhận thấy khi duyệt web. Bắt đầu từ... Trong Google Chrome 148, video và âm thanh sẽ bắt đầu tải chậm hơn.Tức là, chỉ khi thực sự cần thiết thì mới sử dụng chúng, chứ không phải tất cả cùng một lúc ngay khi mở trang.
Tính năng mới này mở rộng hệ thống mà hệ sinh thái Chromium đã sử dụng từ năm 2019 với hình ảnh và iframe. Giờ đây, logic tương tự của... Tính năng tải lười (lazy loading) sẽ được áp dụng cho các phần tử HTML. VàĐiều này đặc biệt quan trọng trong thời điểm hiện nay khi nhiều trang web ở Tây Ban Nha và phần còn lại của châu Âu tràn ngập các đoạn video nhúng, podcast và trình phát nhạc.
Tính năng tải video và âm thanh trì hoãn trong Chrome 148 là gì?
Ý tưởng đằng sau sự cải tiến này khá đơn giản: Trì hoãn việc tải xuống và khởi tạo các thành phần nặng nhất Từ khi trang tải xong cho đến khi người dùng tiếp cận chúng. Nếu một bài viết bao gồm nhiều trình phát được phân bố rải rác trong văn bản, Chrome sẽ ngừng hiển thị tất cả các tệp đó cùng một lúc ngay khi trang web tải xong.
Trên thực tế, trình duyệt chỉ tải xuống video hoặc âm thanh khi phần tử đó nằm gần khu vực hiển thị của màn hình, thường được gọi là ảnh chụp màn hình đầu tiên hoặc khung nhìn. Trong khi người dùng vẫn ở trên cùng để đọc nội dung chính, nội dung sẽ được cập nhật.Trình duyệt tập trung vào việc hiển thị văn bản, hình ảnh chính và giao diện, để dành các đoạn video chi tiết hơn cho sau này.
Cho đến nay, Chrome đã áp dụng hành vi này cho hình ảnh và iframe, giúp nhiều trang web hoạt động nhanh hơn. Tuy nhiên, các yếu tố Và Chúng bắt đầu tải ngay khi trang được mở.ngay cả khi chúng nằm rất xa phía dưới cuộn giấy đầu tiên và người đọc không bao giờ nhìn thấy chúng.
Với sự ra mắt của Chrome 148, Google sẽ tích hợp hỗ trợ gốc cho Chỉ cần thêm thuộc tính loading="lazy" vào thẻ. VàTừ thời điểm đó trở đi, trình duyệt sẽ tự động quyết định khi nào nên tải xuống từng tập tin, điều phối quá trình tải xuống với các tài nguyên khác.
Lộ trình: khi nào sản phẩm sẽ ra mắt và ảnh hưởng đến những nền tảng nào.
Theo thông tin thu thập được trong Trạng thái Chrome và lộ trình chính thứcViệc mở rộng tính năng tải trì hoãn cho video và âm thanh đã bắt đầu trong nhánh phát triển Chrome 147. Sau giai đoạn thử nghiệm đó, Google đã lên kế hoạch triển khai tính năng này cho phiên bản 148.
Việc triển khai sẽ không chỉ giới hạn ở máy tính để bàn. Công ty có kế hoạch... Kích hoạt tính năng tải video và âm thanh chậm (lazy loading) gốc trong Chrome 148 cho Windows, macOS, Linux, Android, iOS và WebView.Điều này có nghĩa là cả trình duyệt máy tính để bàn và các ứng dụng di động tích hợp giao diện web đều có thể hưởng lợi từ cùng một sự tối ưu hóa.
Theo kế hoạch, tính năng mới này sẽ được triển khai trong chu kỳ phát hành Chrome 148, với lưu ý thường lệ rằng... Vì đây là tính năng đang trong quá trình phát triển, nên có thể sẽ có một số chậm trễ nhỏ.Trong mọi trường hợp, quá trình kích hoạt sẽ diễn ra minh bạch, người dùng không cần phải thao tác với các tùy chọn thử nghiệm hoặc cài đặt nâng cao.
Hơn nữa, bằng cách tích hợp trực tiếp vào mã nguồn Chromium, Sự cải tiến này sẽ không chỉ giới hạn ở Google Chrome.Các trình duyệt dựa trên cùng một công cụ, chẳng hạn như Microsoft cạnhOpera, Brave và Vivaldi sẽ áp dụng tính năng này ngay khi chúng tích hợp phiên bản công cụ có chứa tính năng đó, điều này đặc biệt quan trọng ở châu Âu, nơi nhiều trình duyệt thay thế này đang ngày càng được sử dụng rộng rãi.
Những thay đổi nào dành cho các nhà phát triển web với thuộc tính `loading="lazy"` mới?
Trước đây, những người muốn trì hoãn việc tải video và âm thanh thường phải sử dụng các giải pháp tùy chỉnh bằng JavaScript. Đó là một cách làm phổ biến. Kết hợp API Intersection Observer với việc gán thuộc tính src một cách động. hoặc tải trước, chỉ tải tệp khi người dùng đến gần trình phát.
Phương pháp này có hiệu quả, nhưng nó có một số nhược điểm: Nó làm tăng độ phức tạp của mã, khiến việc bảo trì khó khăn hơn và không tích hợp tốt với các thuật toán nội bộ của trình duyệt.Hơn nữa, nó ngăn Chrome phối hợp tối ưu việc tải trước và quét tài nguyên, vì một số logic phụ thuộc vào các tập lệnh của bên thứ ba.
Với tính phí trả chậm tích hợp sẵn cho Và Trong Chrome 148, cục diện đã thay đổi. Từ nay trở đi, các nhóm kỹ thuật sẽ có thể Sử dụng thuộc tính `loading="lazy"` trực tiếp trong các thẻ này.Giống như cách họ đã làm trong nhiều năm với hình ảnh và iframe. Công cụ Chromium sẽ xử lý phần còn lại: khi nào cần tải xuống, cách ưu tiên và cách điều chỉnh từng tệp sao cho phù hợp với các tài nguyên khác.
Sự tích hợp này cho phép trình duyệt Tối ưu hóa tốc độ tải xuống dựa trên chất lượng mạng.Hãy xem xét các thuộc tính như tải trước hoặc tự động phát, và tránh chặn các sự kiện quan trọng như window.onload với các nội dung đa phương tiện chưa hiển thị. Tất cả điều này mà không cần dựa vào các thư viện bổ sung hoặc cấu hình dành riêng cho trang web.
Đối với nhiều tòa soạn báo điện tử, blog và nền tảng đào tạo ở Tây Ban Nha và châu Âu, vốn đã sử dụng kỹ thuật tải ảnh chậm (lazy loading), Việc áp dụng cùng logic đó cho video và âm thanh sẽ chỉ cần những thay đổi tối thiểu.Đây là sự mở rộng tự nhiên của một API mà các nhà phát triển đã quen thuộc, điều này sẽ tạo điều kiện thuận lợi cho việc áp dụng khá nhanh chóng.
Lợi ích thiết thực cho người dùng: tốc độ, dữ liệu và bộ nhớ
Ngoài những gì diễn ra "bên trong hệ thống", những gì người dùng sẽ nhận thấy khá đơn giản: Các trang web mở nhanh hơn và sử dụng ít tài nguyên hơn.đặc biệt là khi có rất nhiều nội dung đa phương tiện được phân bổ xuyên suốt văn bản.
Bằng cách giảm số lượng mục được tải xuống ban đầu, Chrome có thể Hãy tập trung vào việc cung cấp nội dung thực sự quan trọng để bắt đầu đọc ngay từ lần kết nối đầu tiên.Văn bản, hình ảnh tiêu đề và các yếu tố tương tác cơ bản được hiển thị trước. Video và âm thanh sẽ được giữ lại cho đến khi người dùng cuộn chuột đến vị trí đó.
Hành vi này có tác động rõ rệt đến mức tiêu thụ dữ liệu di động và việc sử dụng các gói cước giới hạnNhiều người không bao giờ xem hết tất cả các video nhúng trên một trang; với tính năng tải lười (lazy loading) tích hợp sẵn, các tệp đó thậm chí sẽ không được tải xuống nếu người dùng không truy cập vào chúng, do đó tránh được lưu lượng truy cập không cần thiết.
Ngoài ra còn có những cải tiến về hiệu năng bên trong. Bằng cách giãn cách thời gian khởi tạo trình phát, trình duyệt có thể... Làm mượt các đỉnh điểm sử dụng RAM và CPU.Đây là một cải tiến đáng hoan nghênh đối với các máy tính xách tay cấu hình thấp, máy tính cũ hoặc điện thoại di động cấp thấp. Nhìn chung, trải nghiệm duyệt web mượt mà hơn với độ trễ ít hơn khi mở các trang web có nhiều dữ liệu.
Google chỉ ra rằng việc tính phí trả chậm gốc Nó cho phép bạn điều chỉnh ngưỡng tải xuống tùy theo trạng thái mạng.Quản lý tương tác hiệu quả với tính năng tự động phát và tải trước, đồng thời tránh các tắc nghẽn không cần thiết trong quá trình tải trang tổng thể. Đây không phải là tính năng hào nhoáng, nhưng đó là một trong những tối ưu hóa nhỏ giúp trang web hoạt động mượt mà hơn trong sử dụng hàng ngày.
Những trang nào sẽ được hưởng lợi nhiều nhất từ tính năng mới này?
Không phải tất cả các trang web đều sẽ nhận được sự cải thiện như nhau. Bản nâng cấp được thiết kế cho Nội dung đa phương tiện được nhúng bằng thẻ HTML VàĐiều này rất phổ biến trong lĩnh vực truyền thông kỹ thuật số với các trình phát riêng, các cổng thông tin tin tức nhúng trực tiếp các đoạn video hoặc các trang web xuất bản podcast được tích hợp vào mã nguồn của riêng họ.
Tuy nhiên, Không phải tất cả các video chúng ta xem trên internet đều hoạt động giống nhau.Một ví dụ điển hình là các video YouTube được nhúng, thường được tích hợp bằng iframe. Trong những trường hợp này, tính năng tải chậm (lazy loading) gốc đã hoạt động được một thời gian trên các trình duyệt dựa trên Chromium, vì vậy thay đổi mới sẽ không tạo ra sự khác biệt đáng kể đối với loại video nhúng này.
Điều này sẽ dễ nhận thấy nhất ở... các trang có nhiều trình phát tích hợp sẵn, các đoạn video ngắn rải rác trong báo cáo hoặc các khối âm thanh được nhúng.Điều này đặc biệt đúng đối với nội dung được tiêu thụ từ Tây Ban Nha hoặc châu Âu với kết nối di động không phải lúc nào cũng hoàn hảo. Trong những trường hợp này, việc ngăn chặn tất cả các phương tiện truyền thông mở đồng thời có thể giảm bớt vài giây thời gian tải.
Tuy nhiên, cần nhớ một chi tiết quan trọng: Tác động thực sự sẽ phụ thuộc vào việc các nhà phát triển có áp dụng tính năng này hay không.Đây không phải là cây đũa thần tự động áp dụng cho tất cả nội dung hiện có; các trang web sẽ phải điều chỉnh mã của mình để sử dụng loading="lazy" trên các phần tử đa phương tiện khi cần thiết.
Dù sao đi nữa, vì đây là một tính năng được tích hợp sẵn trong Chromium, Hiệu ứng domino sẽ lan rộng đến phần lớn hệ sinh thái trình duyệt.Khi Edge, Opera, Brave, Vivaldi và các trình duyệt khác tích hợp phiên bản công cụ tương ứng, người dùng các trình duyệt này cũng sẽ được hưởng lợi từ khả năng xử lý video và âm thanh thông minh hơn.
Tác động đến hệ sinh thái Crom tại Tây Ban Nha và Châu Âu
Chrome vẫn là trình duyệt chiếm ưu thế cả trên toàn cầu và tại thị trường châu Âu. Tại Tây Ban Nha, tập trung khoảng hai phần ba việc sử dụngTiếp theo là các trình duyệt thay thế như Safari, Edge và Firefox. Vị trí này có nghĩa là bất kỳ sự điều chỉnh nào đối với công cụ tìm kiếm của nó cũng sẽ gây ra những ảnh hưởng đáng kể đến một phần rất lớn của internet.
Trong một bối cảnh có sự dồi dào Các phương tiện truyền thông kỹ thuật số với nội dung video riêng, cổng thông tin giáo dục với các lớp học trực tuyến và các trang web tích hợp podcast.Cách trình duyệt quản lý các tài nguyên này ảnh hưởng trực tiếp đến trải nghiệm đọc. Việc tải xuống quá nhiều tệp lớn cùng một lúc có thể làm chậm quá trình truy cập thông tin chính, đặc biệt là trên mạng di động ở ngoài các trung tâm đô thị lớn.
Việc tích hợp tính năng tải chậm (lazy loading) cho video và âm thanh phù hợp với chiến lược của Google. tiếp tục cải thiện hiệu suất nội bộ của trình duyệt Trong khi chuẩn bị cho những thay đổi tham vọng hơn, chẳng hạn như chế độ trợ lý ảo hỗ trợ bởi trí tuệ nhân tạo, những tính năng này thoạt nhìn không mấy ấn tượng, nhưng chúng góp phần tạo nên trải nghiệm ban đầu mượt mà và ít rắc rối hơn trên một trang web.
Đồng thời, động thái này củng cố vai trò của Chromium như một công cụ quan trọng. Nền tảng công nghệ chung của nhiều trình duyệt được sử dụng ở châu ÂuNgay cả những người chọn các trình duyệt tập trung vào quyền riêng tư hoặc cá nhân hóa cũng sẽ thừa hưởng những tối ưu hóa như thế này, bởi vì trình duyệt của họ dựa trên cùng một công nghệ với Chrome.
Nhìn chung, việc bổ sung tính năng tải chậm video và âm thanh gốc trong Chrome 148 có vẻ là một cải tiến nhỏ nhưng mang lại hiệu quả rõ rệt trong việc sử dụng web hàng ngày: Tải xuống ít tài nguyên hơn cùng một lúc, các trang web phản hồi nhanh hơn và mức tiêu thụ dữ liệu và bộ nhớ vừa phải hơn., cả ở Tây Ban Nha và phần còn lại của hệ sinh thái châu Âu dựa trên Chromium.
