Mozilla Firefox hỗ trợ tính năng Lazy Loading của Chrome

Mozilla Firefox đang bổ sung hỗ trợ tính năng Image Lazy Loading "chính chủ" của Google Chrome và hiện tại tính năng này đã có mặt để thử nghiệm trong bản dựng Firefox Nightly.

Image Lazy Loading là một kỹ thuật tối ưu hóa hiệu suất trang web, khiến trình duyệt chỉ load các hình ảnh đang hiển thị sẵn hoặc sắp hiển thị trên màn hình. Điều này làm tăng hiệu suất vì trình duyệt sẽ chỉ tải xuống và hiển thị hình ảnh khi cần thiết thay vì tải xuống tất cả cùng một lúc.

Mozilla Firefox ho tro tinh nang Lazy Loading cua Chrome

Mozilla Firefox hỗ trợ tính năng Lazy Loading của Chrome

Theo truyền thống, nhà phát triển sẽ bổ sung tính năng Lazy Loading cho một trang web thông qua các thư viện JavaScript của bên thứ ba, nhưng với việc phát hành Chrome 76, Google đã thêm nó như một tính năng gốc cho trình duyệt của mình. Để sử dụng tính năng này, nhà phát triển đơn giản chỉ cần thêm thuộc tính loading="lazy" vào các thẻ HTML IMG như hiển thị bên dưới:

mozilla firefox ho tro tinh nang lazy loading cua chrome 2

Tính năng Lazy Loading trong Firefox Nightly

Tính năng Lazy Loading đã có mặt trong phiên bản Firefox Nightly mới nhất, ngay bây giờ người dùng có thể tải và cài đặt theo liên kết được chia sẻ bên dưới:
- Tải Firefox Nightly mới nhất tại đây: Download Firefox Nightly

Trong bản build Firefox 75 Nightly hiện tại, Mozilla đã bổ sung một tùy chọn about:config mới có tên là "dom.image-lazy-loading.enabled", cho phép bạn bật tính năng Lazy Loading trong trình duyệt.

Để thử nghiệm tính năng này, bạn đơn giản chỉ cần mở công cụ phát triển của Firefox, click vào tab Network và say đó truy cập vào trang lazy loading demo.

mozilla firefox ho tro tinh nang lazy loading cua chrome 3

Khi tải trang lần đầu tiên, bạn sẽ nhìn thấy rằng Firefox chỉ download các nguồn và hình ảnh cần thiết để hiển thị những hình ảnh có thể xem được trên trình duyệt. Khi bạn cuộn xuống dưới, bảng điều khiển dành cho nhà phát triển sẽ hiển thị rằng Firefox tải xuống nhiều hình ảnh hơn vì chúng gần như hiển thị hết trong trình duyệt.

https://thuthuat.taimienphi.vn/mozilla-firefox-ho-tro-tinh-nang-lazy-loading-cua-chrome-56229n.aspx
Với việc 2 nhà phát triển trình duyệt lớn nhất hỗ trợ tình năng Lazy Loading trực tiếp trong trình duyệt, một thư viện JavaScript được cần để duy trì và tải xuống từ các trang web sẽ được loại bỏ.

Tác giả: Trần Khởi My     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Firefox Quantum ra mắt, hứa hẹn lật đổ vị trí số 1 của Google Chrome
Firefox 65 chính thức hạ cánh, hỗ trợ WebP và AV1
Cài IDM CC cho Firefox 47
Mozilla mang tính năng tương tự Site Isolation trên Chrome lên Firefox
Mozilla Firefox 26 nổi bật với nhiều tính năng mới
Từ khoá liên quan:

trình duyệt web

, tính năng mới của Mozilla Firefox, tính năng Lazy Loading của Chrome,

SOFT LIÊN QUAN
  • Firefox Download Tool

    Download các phiên bản FireFox

    Firefox Download Tool là công cụ hỗ trợ download nhiều phiên bản khác nhau của trình duyệt Mozilla Firefox về máy. Chương trình có tính di động, không yêu cầu cài đặt, sử dụng được trên nhiều máy tính khác nhau bằng cách chuyển file thực thi vào ổ lưu trữ tháo rời như USB.

Tin Mới

  • Cách Việt hóa Clash Royale, chơi Clash Royale tiếng Việt

    Clash Royale là một trong những game chiến thuật hay nhất hiện nay. Tuy nhiên, mặc định game sử dụng giao diện tiếng Anh, điều này có thể gây khó khăn cho những người mới chơi. Hiểu được điều đó, hôm nay Taimienphi.vn

  • Mở ổ đĩa, thư mục, file theo phong cách Web

    Thông thường, khi mở ổ đĩa, thư mục hay file, Windows Explorer là giao diện mặc định. Tuy nhiên, nếu muốn trải nghiệm theo phong cách Web, bạn có thể dùng Clover để thay đổi cách duyệt file một cách mới mẻ và tiện lợi

  • Hướng dẫn cài đặt và sửa lỗi không start được Apache XAMPP

    XAMPP là phần mềm tạo máy chủ web trên máy tính cá nhân, tích hợp sẵn Apache, PHP, MySQL, FTP Server,… giúp bạn thiết lập môi trường phát triển nhanh chóng. Dưới đây là hướng dẫn cài đặt và khắc phục lỗi Apache không

  • Hướng dẫn viết nhận xét môn Đạo đức

    Hướng dẫn viết nhận xét môn Đạo đức giúp giáo viên có tài liệu tham khảo khi đánh giá và nhận xét học sinh. Cùng tham khảo hướng dẫn dưới đây nhé.