Tối ưu hóa Web Vitals với Lighthouse

 (web.dev)
8 điểm bởi xguru 2021-05-15 | 2 bình luận | Chia sẻ qua WhatsApp

  • Đo lường Core Web Vitals

  • Tìm đối tượng Largest Contentful Paint

  • Preload để cải thiện LCP

  • Tìm các đối tượng gây ảnh hưởng đến Cumulative Layout Shift

→ các hình ảnh không có kích thước

→ quảng cáo

→ các animation non-composited

  • Gỡ lỗi First Input Delay / Total Blocking Time / Long Tasks

Bài viết liên quan

2 bình luận

 
alstjr7375 2021-05-15

Cách tối ưu hóa hình ảnh liên quan

https://smashingmagazine.com/2021/04/…

Tweet tóm tắt

https://twitter.com/addyosmani/status/1388031656355794945
 
xguru 2021-05-15

Google đưa chỉ số Trải nghiệm trang (Page Experience) vào thứ hạng kết quả tìm kiếm https://vi.news.hada.io/topic?id=2197

  • Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Phát hành Lighthouse 6.0 https://vi.news.hada.io/topic?id=2122

→ Thêm các chỉ số LCP, CLS, TBT

Cumulative Layout Shift (CLS) là gì? https://vi.news.hada.io/topic?id=1697

→ Đo mức độ bố cục của trang web thay đổi do tải chậm hình ảnh/quảng cáo, hoạt động bất đồng bộ, thay đổi DOM động, v.v.

→ Chỉ số hiệu năng lấy người dùng làm trung tâm để kiểm tra sự bất ổn về mặt thị giác có thể khiến người dùng bấm nhầm