1. Sử dụng thumbnail, image size phù hợp với các kích cỡ hiển thị
– Ví dụ: Khung hiển thị giới thiệu bài viết có size tầm 300x200px thì các bác cần cắt ảnh image size kích cỡ như thế chứ không nên được dùng ảnh full size để nhét vào đó. Page speed google đánh giá cực chặt vấn đề này và nếu các bác vi phạm sẽ bị hạ điểm cực nhiều.
2. Nếu các bác sử dụng share host, không nên để quá nhiều ảnh load trên 1 trang
– Hạn chế tối đa hoặc cần dùng các kĩ thuật lazyload để tải ảnh dần theo hành vi load trang của người dùng.
3. Không bao giờ để người dùng tải ảnh full khi load trang, ảnh full dung lượng có thể tới vài MB, vài ảnh cũng đủ khổ người dùng rồi.
– Lúc này plugin hỗ trợ tối ưu có thể giúp các bạn tối ưu, nó sẽ nén đáng kể lại dung lượng của ảnh full và tất cả ảnh image size
– Các bác hiển thị ảnh max size chỉ nên sử dụng load ảnh có size bằng với kích cỡ width tối đa của bài viết – còn ảnh full chỉ nên liên kết thành link của ảnh, khi người dùng hover hay click vào ảnh sẽ xem được ảnh full với các hiệu ứng image zoom jquery
Sẵn sàng để phát triển doanh nghiệp của bạn?
Để được tư vấn chi tiết hơn về dịch vụ, quý khách vui lòng cung cấp thông tin cho chúng tôi theo mẫu sau.
Bài viết liên quan
Giải mã tỷ lệ vàng trong thiết kế và những ứng dụng của nó
Tỷ lệ vàng trong thiết kế là yếu tố không thể thiếu để giúp bản...
Gen Z Cần Trang Bị Gì Để Bắt Kịp Xu Hướng Trí Tuệ Nhân Tạo?
Trong kỷ nguyên số hóa hiện nay, trí tuệ nhân tạo (AI) đang dần trở...
Th10
Gojek chính thức rời Việt Nam, Gojek rời đi, tài xế rối bời
Nhiều tài xế Gojek đến giờ vẫn không tin mình thất nghiệp. Có người đã...
Th10
Website là gì? Tại sao cần phải 1 thiết kế website chuẩn SEO?
Thiết kế Website không còn là công cụ xa lạ của các doanh nghiệp, các tổ...
Th10
Ý nghĩa bộ nhận diện thương hiệu mới của Mường Thanh
Không phải đây là lần đầu tiên Mường Thanh thay đổi bộ nhận diện thương...
Th10
Lịch sử hình thành và thay đổi nhận diện Mường Thanh
Là “Chuỗi khách sạn tư nhân lớn nhất Đông Dương” và hướng tới vị thế...
Th9