Lazy loading image với VueJS

Khi tôi nghĩ về hiệu năng của web, điều đầu tiên tôi nghĩ trong đầu đó chính là hình ảnh vì nó ảnh hưởng khá lớn đến trải nghiệm người dùng. Bài viết này tôi sẽ cùng bạn tạo một ví dụ lazy loading Image bằng VueJS Tạo một component ImageItem Hãy bắt đầu bằng việc tạo một component hiển thị một hình ảnh (đương nhiên là chưa có lazy load gì cả). Chúng ta sẽ gọi file này là...

lazy_load lazy load image lazy loading vuejs vue lazy load lazy loading image

Lazy load trong Flutter

Flutter lazy_load

Tối ưu images với webp format

lazy_load Improvement webp