Các quan trọng web cốt lõi quan trọng như thế nào?

Hãy xem cách bạn có thể sử dụng Lighthouse để tìm ra các vấn đề chính xác mà bạn có thể gặp phải.

Xem Core Web Vitals trong Lighthouse

Để mở Lighthouse, nhấp chuột phải vào bất kỳ đâu trên trang web và chọn Kiểm tra.

Các quan trọng web cốt lõi quan trọng như thế nào?Nike.com

Đi đến ngọn hải đăng báo cáo và tìm kiếm những cơ hội nó liệt kê. Những điều này cho bạn biết nơi bạn có thể tối ưu hóa tốc độ của trang thông qua quá trình phát triển.

Các quan trọng web cốt lõi quan trọng như thế nào?

Kiểm tra LCP

Cuộn xuống để tìm nơi nó nói Hiển thị dấu vết ban đầu. Thao tác này sẽ đưa bạn đến dòng thời gian nơi bạn có thể thấy khi các Core Web Vitals được ghi nhật ký.

Các quan trọng web cốt lõi quan trọng như thế nào?

Trong ảnh chụp màn hình bên dưới, bạn có thể thấy FP (sơn đầu tiên), FCP (sơn hài lòng đầu tiên) và LCP được liệt kê trong thời gian.

Các quan trọng web cốt lõi quan trọng như thế nào?

Khi bạn đã ở trong dòng thời gian, bạn có thể phóng to để xem ảnh chụp màn hình. Điều này sẽ giúp bạn hiểu yếu tố nào mà Lighthouse đánh dấu là lớn nhất.

Trong trường hợp này, nó là một trình giữ chỗ cho một bức tranh lớn. Trình giữ chỗ này là một phương pháp đã được chứng minh để tối ưu hóa LCP.

Dưới đây là một ví dụ khác về việc kiểm tra LCP. Lưu ý lỗ hổng về thời gian tải hình ảnh này – điều này dẫn đến chỉ số LCP không tốt.

Các quan trọng web cốt lõi quan trọng như thế nào?Edition.cnn.com

Một lần nữa, Lighthouse đang hiển thị các tùy chọn và chẩn đoán hiệu suất trang web được đề xuất để bạn có thể tìm cách cải thiện LCP

Các quan trọng web cốt lõi quan trọng như thế nào?

Đây là một nơi tốt để lưu ảnh chụp màn hình cho nhà phát triển của bạn và chia sẻ các đề xuất.

Thông tin chi tiết về hiệu suất từ ​​Semrush

Một nơi khác để lấy ý tưởng là Semrush.

Công cụ kiểm tra trang web trở thành Hiệu suất trang web Báo cáo cung cấp thông tin chi tiết về cách giải quyết các vấn đề liên quan đến tốc độ gặp phải khi thu thập thông tin.

Đối với mỗi vấn đề, bạn có thể biết chính xác nơi nó xảy ra và nhận ý tưởng về cách cải thiện chỉ số LCP của mình.

Đây là báo cáo về tất cả các vấn đề JavaScript, tải trang chậm và HTML có thể được điều chỉnh.

Các quan trọng web cốt lõi quan trọng như thế nào?

Nếu bạn không hiểu biết về công nghệ như nhóm phát triển của mình, có thể rất khó để quyết định những gì cần khắc phục trước tiên.

Một cách tuyệt vời là thu thập càng nhiều thông tin cụ thể càng tốt và cung cấp thông tin đó cho các nhà phát triển của bạn để họ có thể đưa ra giải pháp theo quan điểm của họ.

Kiểm tra FID / TBT

Tiếp theo, đã đến lúc điều tra độ trễ đầu vào ban đầu – mất bao lâu để người dùng tương tác với trang.

Theo bài báo trên web.dev của Google, “thông thường có sự chậm trễ kéo dài trong quá trình nhập liệu ban đầu giữa First Contentful Paint (FCP) và Time to Interactive (TTI).”

Để đo lường điều này bằng cách mô phỏng, các công cụ như Semrush và Lighthouse sử dụng Tổng thời gian chặn (TBT), một số liệu được Google khuyến nghị thay thế cho FID.

TBT đo tổng thời gian giữa Sơn có nội dung đầu tiên (FCP) và Thời gian để tương tác (TTI) và tương quan với FID, ghi lại các vấn đề ảnh hưởng đến tương tác và có thể được xác định trong điều kiện phòng thí nghiệm.

Để kiểm tra, chúng ta có thể xem một ví dụ về hình ảnh tải chậm với hiệu suất Tab trong bảng điều khiển dành cho nhà phát triển. Bạn có thể bấm vào Hiển thị dấu vết ban đầu trong báo cáo về ngọn hải đăng.

Sau đó, bật cài đặt Web Vitals để xem khi nào Nhiệm vụ dài mất hơn 50ms.

Các quan trọng web cốt lõi quan trọng như thế nào?

Đây là những trường hợp FID có thể được xử lý.

Một số đề xuất của Lighthouse có thể hữu ích với FID là:

  • Tránh các nhiệm vụ dài.
  • Giảm thiểu công việc của luồng chính.
  • Giữ số lượng yêu cầu thấp và kích thước chuyển giao nhỏ.

Có thể hữu ích khi tìm ra các đoạn mã JavaScript nào có thể đã gây ra các tác vụ dài cho trang của bạn.

Kiểm tra CLS

Sự thay đổi bố cục tích lũy là số liệu về cơ bản cho bạn biết trang đang nhảy và thay đổi bao nhiêu do các vấn đề với hình ảnh, phông chữ và các yếu tố động như cửa sổ bật lên.

Để biết phần nào của trang đã thay đổi:

  • Chuyển đến tab Hiệu suất (nhấp vào Hiển thị dấu vết ban đầu trong báo cáo hải đăng).
  • Xem Kinh nghiệm theo dõi để tìm hiểu khi thay đổi đã xảy ra.
  • Phóng to và tìm kiếm Thay đổi bố cục để xem phần nào của trang đã thực hiện những thay đổi này trong khi tải.

Các quan trọng web cốt lõi quan trọng như thế nào?

Một số đề xuất trong Lighthouse có thể giúp thay đổi bố cục là:

Phần kết luận

Mặc dù không ai có thể biết Core Web Vitals sẽ có tác động như thế nào đến thứ hạng của Google, nhưng tốt hơn hết là bạn nên chuẩn bị và rõ ràng về vị trí các trang web của bạn sẽ xây dựng nhanh hơn và có trải nghiệm tốt hơn.

Đây là lý do tại sao chúng tôi khuyên bạn nên sử dụng cả Kiểm tra trang web của Semrush và Lighthouse để có được tất cả thông tin bạn cần để cung cấp cho nhóm phát triển của bạn hướng rõ ràng về cách cải thiện những điểm chính này.

Đừng quên rằng bản thân Google đã nhấn mạnh rằng “nội dung tuyệt vời, có liên quan” vẫn phải là ưu tiên hàng đầu của bạn – với trải nghiệm trang là một yếu tố bổ sung cho mục tiêu ban đầu đó.

Nguồn:searchenginejournal.com

Trả lời

Chat Zalo