Kiểm tra mức độ sẵn sàng · Nhóm Tăng tốc · Trọng số 4
Hình ảnh ngoài vùng hiển thị được tải trì hoãn
Trên trang chủ có ít nhất sáu hình ảnh, ít nhất một ảnh sử dụng loading="lazy".
- Được ghi nhận trên
- 61%
- Các trang web top 1K
- 63%
- Nhóm top 1M
- 60%
- Không đo được
- 68,816
trong số 117,240 trang web đã đo
200 đã đo
65,763 đã đo
bị chặn, gặp yêu cầu xác minh hoặc không áp dụng
Vì sao điều này quan trọng
Ảnh bên dưới vùng hiển thị ban đầu chỉ được tải xuống khi khách truy cập cuộn đến gần chúng, giúp dành băng thông cho nội dung hiển thị trước tiên.
Cách khắc phục
Thêm loading="lazy" vào ảnh bên dưới vùng hiển thị ban đầu. Không tải trì hoãn ảnh nổi bật chính, vì điều đó làm chậm phần tử hiển thị lớn nhất.
Cách chúng tôi kiểm tra
Trên trang chủ có ít nhất sáu hình ảnh, ít nhất một ảnh sử dụng loading="lazy".
Đã ghi nhận: Đang sử dụng tính năng tải trì hoãn tích hợp sẵn của trình duyệt.
Không ghi nhận: Không tìm thấy tính năng tải ảnh trì hoãn tích hợp sẵn trong trình duyệt.
Giới hạn: Dựa trên HTML của trang chủ được phân phối đến một máy khách tự động; các tập lệnh chạy sau đó không được thực thi.
Các bước theo từng nền tảng công nghệ
- WordPress: WordPress đã mặc định thêm loading="lazy" vào ảnh kể từ 5.5; hãy kiểm tra để đảm bảo giao diện hoặc plugin của bạn chưa loại bỏ thuộc tính này.
Theo nhóm mức độ phổ biến
| Nhóm Chrome UX Report | Đã ghi nhận | Đã đo lường |
|---|---|---|
| Top 1K | 63% | 200 |
| Top 5K | 65% | 976 |
| Top 10K | 62% | 1,275 |
| Top 50K | 61% | 9,767 |
| Top 100K | 62% | 9,593 |
| Top 500K | 62% | 29,666 |
| Top 1M | 60% | 65,763 |
Các danh mục có khả năng thực hiện điều này cao nhất
Các danh mục có khả năng thấp nhất
Theo bộ công nghệ
- Webflow97%
- Next.js on Vercel95%
- Next.js on Netlify93%
- Astro on Amazon CloudFront93%
- Astro on Cloudflare93%
- Astro92%
- Shopify91%
- Next.js91%
- Next.js on Cloudflare90%
- Next.js on Google edge90%
- Next.js on Amazon CloudFront90%
- Next.js on Fastly89%
- Next.js on Akamai89%
- Squarespace88%
- Next.js on Azure Front Door/CDN88%
- Drupal on Fastly87%
- HubSpot CMS87%
- WordPress on Vercel86%
- Gatsby on Amazon CloudFront85%
- Gatsby83%
- Drupal on Akamai82%
- Drupal on Cloudflare82%
- Wix82%
- Drupal on Amazon CloudFront80%
- Magento / Adobe Commerce on Cloudflare80%
- Nuxt on Google edge77%
- Magento / Adobe Commerce77%
- Angular on Cloudflare77%
- Drupal77%
- PrestaShop on Cloudflare76%
- Nuxt on Cloudflare75%
- Angular on Amazon CloudFront75%
- Nuxt on Amazon CloudFront75%
- WordPress on Fastly74%
- Angular74%
- Nuxt71%
- WordPress on Google edge70%
- WordPress69%
- WordPress on Cloudflare69%
- PrestaShop68%
- Adobe Experience Manager on Akamai68%
- WordPress on Amazon CloudFront66%
- BigCommerce66%
- Adobe Experience Manager on Amazon CloudFront65%
- Adobe Experience Manager on Cloudflare64%
- WordPress on Sucuri63%
- WordPress on Imperva62%
- Sitecore on Azure Front Door/CDN61%
- Adobe Experience Manager61%
- GoDaddy Website Builder52%
- Sitecore on Cloudflare52%
- Sitecore49%
- Joomla41%
- Blogger40%
- Bitrix35%
- Tilda13%
Theo nhà cung cấp
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Các trang web phổ biến nơi chúng tôi ghi nhận điều này
Nguồn và hướng dẫn
Hướng dẫn: Lazy Loading mà Không Gây Trang HỏngKiểm tra trang web của bạn