Plugin tối ưu ảnh trong mơ!

Giờ tôi đang giả định mình gặp một ông Bụt công nghệ, và ông cho tôi điều ước, thế thì tôi sẽ ước gì về plugin nén ảnh?

Tính năng cơ bản:

  • Miễn phí – tôi biết cái này là tham rồi, nhưng đang ước mà, tội gì!
  • Tốc độ nén cao, đặc biệt hữu ích trên các trang web lớn lần đầu sử dụng plugin;
  • Nén mất dữ liệu và không mất dữ liệu. Chắc chắn rồi, tất cả các plugin nén ảnh hiện nay đều có. Tôi thích tính năng nén không mất dữ liệu hơn;
  • Có backup cho ảnh gốc. Khi nén mất dữ liệu, chắc chắn chúng ta cần backup để dự phòng;
  • Lazy load ảnh. Một trong các kỹ thuật giúp tăng tốc & tiết kiệm băng thông tốt nhất;
  • Đa dạng kiểu lazy load, gồm LQIP, cách ngưỡng đáy màn hình. Các kiểu lazy load mới này giúp hạn chế ảnh hưởng xấu đến trải nghiệm người dùng do độ trễ gây ra;
  • Loại trừ lazy load dựa trên URL, class ảnh, hoặc class mẹ. Nếu website của bạn có một số ảnh trong màn hình đầu tiên (chẳng hạn logo, icon, bạn sẽ không muốn lazy load chúng).

Tính năng nâng cao:

  • Tạo ảnh WebP – giúp bạn tiết kiệm được khoảng 20 – 30% dung lượng;
  • Không tạo ảnh WebP khi nó có dung lượng lớn hơn ảnh gốc – vì lúc đó webp sẽ không có ích chi nữa;
  • Có nút xóa ảnh webp nếu không muốn dùng nó nữa- vì thực tế không phải mọi website đều phù hợp với webp, các trang cần có độ an toàn cao về mặt hiển thị vẫn nên dùng các định dạng ảnh truyền thống thì hơn;
  • Có khả năng chuyển PNG về JPG. Có thể đa số website không cần, nhưng nó sẽ rất hữu ích trên các website mà trước đây quen lưu ảnh đồ họa chất lượng cao là PNG;
  • Có khả năng chọn lazy load ảnh dựa trên JavaScript hoặc dựa trên native lazy-loading– một tính năng lazy load ở cấp độ trình duyệt;
  • Có khả năng resize được ảnh có kích cỡ lớn. Nhiều người có thói quen hoặc không để ý nên up rất nhiều ảnh lớn, và đây là lúc bạn chỉnh lại các kích cỡ dư thừa không cần thiết;
  • Khả năng tích hợp WebP chuẩn chỉnh đáp ứng tốt trên đa dạng trình duyệt;
  • Lazy load ảnh background, cũng là tính năng không nhiều website cần nhưng sẽ rất hay trên các trang có tính biểu diễn thường sử dụng background là ảnh.
Đọc thêm:  Cách tối ưu hóa hình ảnh cho website (cơ sở lý thuyết)

Leave a Comment