lighthouse

First Contentful Paint (FCP) đo tốc độ xuất hiện nội dung đầu tiên trên trang web — thường là văn bản hoặc ảnh. Bài viết này giải thích FCP là gì, cách đo và những bước thực tế để cải thiện chỉ số này. FCP là gì? First Contentful Paint (FCP) là chỉ số đo thời gian kể từ khi người dùng mở...

Largest Contentful Paint (LCP) là chỉ số quan trọng trong bộ Core Web Vitals của Google, phản ánh khi nào phần nội dung lớn nhất trên trang được hiển thị. Bài viết này giải thích LCP là gì, cách đọc dữ liệu audit và các cách thực tế để cải thiện điểm LCP cho website của bạn. Largest...

Google đang chuẩn hóa một số gợi ý tối ưu hiệu suất giữa Lighthouse và Chrome DevTools. Bạn có thể bật các Performance Insights mới này trong cả hai công cụ để phát hiện và ưu tiên việc tối ưu trang web. Google đang chia sẻ mã phân tích hiệu suất giữa Lighthouse và Chrome DevTools để hiển...

Nhận diện tài nguyên quan trọng và tải chúng sớm là cách hiệu quả để cải thiện tốc độ trang. Bài viết giải thích khái niệm critical rendering path và các bước thực tế để rút ngắn, giúp nội dung hiển thị nhanh hơn và nâng cao Core Web Vitals. Đường dẫn dựng trang quan trọng là gì? Khi một...

Kiểm tra hiệu năng bằng lab (Lighthouse) và dữ liệu thực tế (Chrome User Experience Report) thường cho kết quả khác nhau. Bài viết giải thích nguồn gốc sự khác biệt và khi nào nên dựa vào dữ liệu nào để tối ưu trang. Lighthouse, PageSpeed Insights và hai loại dữ liệu PageSpeed Insights hiển...

Kiểm thử khả năng truy cập (accessibility) là bước quan trọng khi phát triển web. Bài viết hướng dẫn cách dùng Google Lighthouse để tạo và giải thích báo cáo accessibility, giúp bạn cải thiện trải nghiệm cho mọi đối tượng người dùng. Lighthouse là gì? Lighthouse là công cụ mã nguồn mở của...

Lighthouse có một insight mới giúp phát hiện các ảnh quá lớn trên trang và đề xuất cách tối ưu. Bài viết này giải thích bốn kỹ thuật chính để giảm dung lượng ảnh, cải thiện FCP và LCP trên website của bạn. Tổng quan về Improve image delivery Improve image delivery là một insight mới từ...

Lazy loading (tải lười) giúp trang web chỉ tải ảnh khi cần, giảm băng thông ban đầu và đẩy nhanh thời gian hiển thị. Dùng thuộc tính loading="lazy" cho và là cách đơn giản để cải thiện tốc độ tải trang. Lazy loading là gì? Lazy loading có nghĩa là chỉ tải tài nguyên web khi người dùng sắp...

Lựa chọn định dạng ảnh phù hợp là một yếu tố thường bị bỏ qua nhưng quan trọng trong tối ưu hóa hình ảnh. Bài viết này hướng dẫn cách phục vụ ảnh ở định dạng thế hệ mới (WebP, AVIF), kiểm tra hỗ trợ trình duyệt và khi nào nên dùng từng loại. Tại sao định dạng ảnh thế hệ mới quan trọng? Chọn...