6 mẹo giúp tối ưu hóa hình ảnh trên Google

Google chia sẻ 6 cách giúp trang web của bạn tải hình ảnh nhanh hơn và hiệu quả hơn. Trong một video mới từ Google, Alan Kent đã chia sẻ 6 mẹo giúp tối ưu hóa hình ảnh cho các trang web thương mại điện tử. Tham khảo: 6 mẹo giúp tối ưu hóa hình ảnh trên Google

Mặc dù video đặc biệt nhắm đến các trang web thương mại điện tử. Tuy nhiên, lời khuyên có thể áp dụng cho bất kỳ trang web nào cung cấp một số lượng lớn hình ảnh.
Với thời lượng hơn 14 phút, video của Google còn rất nhiều thứ để xem nếu bạn bận làm việc trên các trang web.
Dưới đây là một bản tóm tắt hấp dẫn hơn mà bạn có thể sử dụng trong vòng chưa đầy 5 phút.
Đây là các mẹo của Google giúp tối ưu hóa hình ảnh có thể tải nhanh hơn và hiệu quả hơn.

1. Loại bỏ dịch chuyển bố cục tích lũy hình ảnh – Cumulative Layout Shift (CLS)

CLS đề cập đến các trường hợp mà nội dung trên trang di chuyển một cách trực quan hoặc dịch chuyển từ nơi này sang nơi khác khi tải.
Mặc dù sự cố này không chỉ do hình ảnh gây ra. Tuy nhiên, chúng có thể sẽ góp phần gây ra sự cố nếu được sử dụng không đúng cách.
Trong hầu hết các trường hợp, CLS có thể dễ dàng phát hiện bằng cách tìm kiếm chuyển động trên trang trong khi tải. Tuy nhiên, bạn có thể sử dụng một số công cụ để đo lường nó.
….

2. Kích thước chính xác cho hình ảnh của bạn

Chọn chiều rộng và chiều cao phù hợp cho hình ảnh của bạn. Vì vậy các tệp lớn hơn sẽ mất nhiều thời gian để tải xuống hơn.
Định kích thước hình ảnh một cách chính xác có thể phức tạp trong một vài trường hợp. Có thể là do phạm vi kích thước và độ phân giải màn hình truy cập trang web của bạn.
Nếu trình duyệt tự cắt hình ảnh, kích thước tải xuống sẽ dài hơn mức cần thiết. Việc này sẽ khiến cho hình ảnh nặng hơn.
Một cách dễ dàng để phát hiện hình ảnh có kích thước không chính xác là sử dụng phần hình ảnh có kích thước phù hợp ở “Cơ hội” trong báo cáo “Thông tin chi tiết về tốc độ trang.”
…..