Làm thế nào quan trọng là sức mạnh web cốt lõi?

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ể đang giải quyết.

Nhìn vào 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 Quan sát.

Làm thế nào quan trọng là sức mạnh web cốt lõi?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.

Làm thế nào quan trọng là sức mạnh web cốt lõi?

Kiểm tra LCP

Cuộn xuống để tìm nơi nó nói Xem 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ể tìm thấy Core Web Vitals được ghi lại.

Làm thế nào quan trọng là sức mạnh web cốt lõi?

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 nội dung đầu tiên) và LCP được liệt kê trong thời gian.

Làm thế nào quan trọng là sức mạnh web cốt lõi?

Khi ở 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 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 hình ảnh lớn. Trình giữ chỗ này là phương pháp hay để tối ưu hóa LCP.

Dưới đây là một ví dụ khác về việc xem xét LCP. Lưu ý khoảng cách về thời gian tải hình ảnh này – dẫn đến chỉ số LCP kém.

Làm thế nào quan trọng là sức mạnh web cốt lõi?Edition.cnn.com

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

Làm thế nào quan trọng là sức mạnh web cốt lõi?

Đâ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à từ Semrush.

Từ Kiểm tra trang web công cụ, Hiệu suất trang web báo cáo sẽ cung cấp thông tin chi tiết về cách khắc phục mọi sự cố liên quan đến tốc độ đã được thấy trong quá trình 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 các ý tưởng về cách bạn có thể cải thiện các chỉ số LCP của mình.

Tại đây, bạn sẽ thấy báo cáo về mọi vấn đề liên quan đến JavaScript, tốc độ tải trang chậm và HTML có thể được tối ưu hóa.

Làm thế nào quan trọng là sức mạnh web cốt lõi?

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 tốt để thực hiện là thu thập càng nhiều thông tin cụ thể càng tốt và cung cấp 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 xem xét độ trễ đầu vào đầu tiên – mất bao lâu trước khi người dùng tương tác với trang.

Theo Google web.dev bài viết, “Độ trễ đầu vào đầu tiên kéo dài thường xảy ra giữa Sơn có nội dung đầu tiên (FCP) và Thời gian để tương tác (TTI).”

Để đo lường điều này thông qua 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 đề xuất thay thế cho FID.

TBT đo tổng lượ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, nắm bắt các vấn đề ảnh hưởng đến tương tác và có thể thu được 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 bằng cách sử dụng Hiệu suất trong bảng điều khiển Dev. Bạn có thể bấm vào Xem dấu vết ban đầu trong báo cáo Lighthouse.

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

Làm thế nào quan trọng là sức mạnh web cốt lõi?

Đây là những trường hợp mà FID có thể được làm việc.

Một số đề xuất của Lighthouse có thể giúp ích cho FID bao gồm:

  • 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ỏ.

Nó có thể hữu ích để xem những tập lệnh 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 nhảy và thay đổi bao nhiêu do các vấn đề với hình ảnh, phông chữ và các mục động như cửa sổ bật lên.

Để tìm hiểu phần nào của trang đã thay đổi:

  • Chuyển đến tab Hiệu suất (nhấp vào nhấp chuột Xem dấu vết ban đầu trong báo cáo Lighthouse).
  • Xem Kinh nghiệm theo dõi để tìm khi nào đã thay đổi.
  • Phóng to và tìm kiếm Thay đổi bố cục để xem phần nào của trang đã làm cho những thay đổi này trong quá trình tải.

Làm thế nào quan trọng là sức mạnh web cốt lõi?

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

Phần kết luận

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

Đó 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 mình những hướng dẫn rõ ràng để cải thiện các chỉ số quan trọng này.

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

Leave a Comment