Người gửi bài: Xuân Nghi

Ngày đăng:

Lượt xem: 99 lần

Dùng thử tính năng Lazy Loading Images mà Google Chrome sắp ra mắt


Lazy Loading Images là cụm từ quen thuộc đối với dân thiết kế, xây dựng website đang quan tâm đến việc tăng tốc độ load trang. Theo một dự án của Google Chrome được triển khai vào tháng 8/2018 thì sắp tới trình duyệt này sẽ trang bị Lazy Loading Images giúp người dùng lướt web nhanh chóng hơn. Sau hơn nữa năm nghiên cứu thì đến tháng 04/2019, Google đã chính thức thông báo hé lộ thời gian ra mắt Lazy Loading Images khi phiên bản Chrome 75 được cập nhật.

Công nghệ Lazy Loading sắp có sẵn trên trình duyệt Chrome
Công nghệ Lazy Loading sắp có sẵn trên trình duyệt Chrome

Đúng như nghĩa tiếng Việt của nó, khi Lazy Loading Images được áp dụng nó sẽ khiến các hình ảnh được mở một cách chậm rãi nhường tài nguyên cho những thành phần khác quan trọng hơn hiển thị trước. Thông thường khi truy cập vào một trang web thì tất cả nội dung sẽ được hiển thị cùng một lúc dẫn đến việc máy chủ phải đảm nhận quá nhiều tác vụ trong một thời điểm – gây ảnh hưởng đến tốc độ mở trang web. Còn đối với Lazy Loading Images thì khác, các hình ảnh sẽ chỉ được tải (mở ra) khi người dùng cuộn đến từ đó giảm thiểu công việc cho máy chủ góp phần giúp tốc độ mở trang web sẽ nhanh hơn.

Thông thường, thuật ngữ Lazy Loading Images chỉ được biết phần lớn trong lĩnh vực xây dựng, thiết kế website được các nhà phát triển áp dụng vào các trang web thông qua code hoặc plugin hỗ trợ. Tuy nhiên trong phiên bản Chrome 75 sắp tới, Lazy Loading Images sẽ được Google tích hợp ngay trên trình duyệt smartphone lẫn máy tính với những cải tiến vượt trội hơn.

Khi Lazy Loading Images được trang bị trên Chrome thì hình ảnh trên trang web sẽ được tải trì hoãn
Khi Lazy Loading Images được trang bị trên Chrome thì hình ảnh trên trang web sẽ được tải trì hoãn

Đối với các chủ sở hữu trang web không muốn hình ảnh và ifram trên trang web của họ bị ảnh hưởng bởi Lazy Loading Images trong Chrome. Google cũng đã làm việc với W3C’s Web Platform Incubator Community Group (WICG) để phát triển một thuộc tính HTML mới cho Chrome và các trang web khác có thể hỗ trợ không áp dụng Lazy Loading Images cho một yếu tố được chỉ định.

Theo dự kiến thời điểm bản cập nhật Chrome 75 có mặt sẽ là tháng 05/2019 và nếu bạn muốn trải nghiệm Lazy Loading Images trước khi chính thức ra mắt thì hãy làm theo hướng dẫn dưới đây.

Hướng dẫn dùng thử Lazy Loading Images trên Google Chrome trước khi ra mắt

Bước 1: Các bạn tải về phiên bản Chrome Canary cho máy tính của mình qua liên kết dưới, quá trình cài đặt cũng tương tự như Chrome thông thường:

Bước 2: Trên Chrome Canary, các bạn truy cập vào trang cung cấp các tính năng thử nghiệm bằng đường dẫn sau:

  • chrome://flags

Bước 3: Tại đây nhập từ khóa “lazy” vào ô tìm kiếm, bạn sẽ nhận được 2 kết quả bên dưới bao gồm:

  • Enable lazy image loading
  • Enable lazy frame loading
Kích hoạt tính năng Lazy Loading Images trên Google Chrome
Kích hoạt tính năng Lazy Loading Images trên Google Chrome

Sau đó bấm vào nút kế bên để chuyển chế độ hoạt động của 2 tính năng trên thành Enabled. Cuối cùng khởi động lại trình duyệt và truy cập thử một trang web bất kỳ bạn sẽ nhận thấy điều bất ngờ.

Lưu ý: Hướng dẫn thao tác kích hoạt trên cũng có thể áp dụng với phiên bản Chrome 75 ổn định dành cho nền tảng Android trên điện thoại và máy tính ra mắt sau này.


Chia sẻ bài viết Dùng thử tính năng Lazy Loading Images mà Google Chrome sắp ra mắt lên Facebook Chia sẻ bài viết Dùng thử tính năng Lazy Loading Images mà Google Chrome sắp ra mắt lên Google Plus


Xếp hạng 5/5 (1 phiếu)
Gửi bình luận

* Chú ý: Đưa ra ý kiến của bạn hoặc để lại yêu cầu cần giúp đỡ



Mới cập nhật
Có thể bạn thích