Hiểu các chỉ số hiệu suất của Lighthouse - Mẹo SEO từ Semalt



Các chỉ số hiệu suất của Lighthouse là thứ bạn có thể bắt gặp khi thảo luận về các khía cạnh kỹ thuật của SEO. Bạn có thể tự hỏi kiểm tra này bao gồm những gì hoặc làm thế nào để chạy kiểm tra về hiệu suất của trang web của bạn. Bạn cũng có thể ở đây vì bạn muốn tìm hiểu về ngọn hải đăng.

Chúng tôi sử dụng bài kiểm tra số liệu hiệu suất này để cố gắng làm cho tất cả các con số liên quan đến trang web của bạn có màu xanh lục. Đây là tất cả những gì bạn cần biết về Lighthouse.

Ngọn hải đăng là gì

Lightroom là một công cụ đánh giá mã nguồn mở được sử dụng để tạo ra điểm số chuẩn hóa trong năm lĩnh vực chính, đó là:
  • Hiệu suất
  • Ứng dụng web tiến bộ
  • SEO
  • Thực hành tốt nhất
  • Khả năng tiếp cận
Đối với bài viết này, tên "Lighthouse" sẽ được dùng để chỉ một loạt các bài kiểm tra, vì vậy đừng nhầm lẫn khi đọc.

Lighthouse chạy các bài kiểm tra hiệu suất bằng cách sử dụng dữ liệu phòng thí nghiệm, còn được gọi là dữ liệu giả lập. Đây là dữ liệu hiệu suất của trang web được thu thập trong môi trường nhân tạo với các thiết bị và cài đặt mạng được xác định trước. Dữ liệu hiệu suất rất quan trọng vì nó giúp cung cấp thông tin cần thiết để gỡ lỗi các vấn đề về hiệu suất. Trải nghiệm trên máy cục bộ trong môi trường được kiểm soát được thiết kế để bắt chước trải nghiệm của người dùng ngoài đời thực.

Đang cập nhật lên Lighthouse

Vào ngày 5 tháng 5 năm 2020, dự án Chromium đã công bố bộ ba chỉ số mà mã nguồn mở do Google hậu thuẫn sẽ có thể sử dụng để đo lường hiệu suất. Các chỉ số được gọi là Web Vitals. Chúng là một phần trong sáng kiến ​​của Google, được thiết kế để cung cấp hướng dẫn tập thể cho các chuyên gia SEO khi tìm kiếm các tín hiệu chất lượng.

Các chỉ số này được thiết kế để đo lường hiệu suất web theo cách lấy người dùng làm trung tâm. Chỉ trong hai tuần kể từ lần ra mắt đầu tiên, Lighthouse V6 đã tung ra phiên bản sửa đổi với Web Core Vitals là trọng tâm chính của bản cập nhật này.

Đến tháng 7 năm 2020, chúng tôi thấy chỉ số của Lighthouse v6 được áp dụng cho nhiều sản phẩm của Google với việc phát hành Chrome 84. Bảng điều khiển Kiểm tra Chrome DevTools cũng được đổi tên thành Lighthouse. Chỉ số Lighthouse cũng được tham chiếu bởi PageSpeed ​​Insights và Google Search Console.

Ngày nay, Web Core Vitals chiếm hơn một nửa tổng điểm hiệu suất có trọng số của Lighthouse. Nói chung, các trang bắt đầu chịu tác động tối thiểu, với khoảng 83,32% các bài kiểm tra được thực hiện cho thấy sự thay đổi từ 10 điểm trở xuống đối với động cơ V6.

Những điều bạn phải biết trước khi chạy kiểm tra Hiệu suất bằng Lighthouse

Chọn đúng phương pháp

Phương pháp luận bạn chọn để giải quyết vấn đề. Kiểm tra Lighthouse được thiết lập để phân tích một trang tại một thời điểm. Nhưng thực tế là một điểm số trang không phải là đại diện cho hiệu suất của toàn bộ trang web của bạn và chỉ vì trang chủ của bạn tải nhanh không có nghĩa là toàn bộ trang web của bạn tải nhanh.

Cách tốt nhất để có được ước tính tổng thể về hiệu quả hoạt động của một trang web là kiểm tra nhiều loại trang trong trang web của bạn. Ở đây, trước tiên, chúng tôi xác định các loại trang web chính, các mẫu và điểm chuyển đổi khách truy cập (chúng đề cập đến các trang đăng ký, đăng ký và thanh toán).

Trước khi tiến hành giai đoạn tối ưu hóa phân tích của mình, chúng tôi chạy Lighthouse trên mỗi trang mẫu được chọn ngẫu nhiên và ghi lại dữ liệu đã thu thập. Từ dữ liệu này, giờ đây chúng ta có thể tạo danh sách việc cần làm dựa trên những cải tiến cấp bách nhất đến cấp bách nhất. Để tránh mất dữ liệu, chúng tôi lưu kết quả JSON và dựa vào trình xem Lighthouse bất cứ khi nào chúng tôi yêu cầu một phần thông tin chi tiết về kết quả.

Bắt Backlog để Cắn lại Sử dụng ROI tuyệt vời

Qua nhiều năm, một điều chúng tôi đã học được chắc chắn là việc có được các nguồn lực cần thiết cho hành động SEO không hề đơn giản. Có một SEO nội bộ không thực sự hữu ích vì chúng thường bị phá hủy bởi mức độ khó khăn để có được một vé tồn đọng. Từ kinh nghiệm của mình, chúng tôi biết rằng cách tốt nhất để bôi trơn các bánh răng là ưu tiên các sáng kiến ​​hiệu suất, điều này dẫn đến những con số tuyệt vời hỗ trợ đầu tư cho bộ phận SEO.

Dữ liệu có trong bảng tài khoản cuối tháng sẽ trở thành dấu hiệu đô la biện minh và khen thưởng cho những nỗ lực phát triển của chúng tôi. Thực hiện kiểm tra này rất quan trọng vì trong khi làm như vậy, bạn có thể có nhiều hơn một khu vực được gắn cờ, đặc biệt là khi đó là lần đầu tiên. Không sao đâu. Bạn có thể xem Công cụ tính điểm của Lighthouse để xem những thay đổi nào sẽ có tác động lớn nhất.

Cách chạy thử nghiệm ngọn hải đăng

Đây là trường hợp của nhiều con đường dẫn đến một con sông. Tuy nhiên, có một số đường dẫn nổi bật để dễ dàng hơn hoặc nổi bật hơn khi sử dụng. Chà, nếu bạn đang hy vọng tích hợp thử nghiệm SEO vào quá trình hiện thực hóa, có lẽ bạn nên bắt kịp tốc độ trên NPM.

Bạn có ít hơn 5 phút trước khi được yêu cầu đối mặt với hội đồng quản trị? Các báo cáo riêng tư này sẽ cung cấp cho bạn lượng đạn cần thiết để thuyết phục họ rằng SEO đang làm rất tốt. Cho dù bạn chọn phương pháp thực thi nào, thiết bị di động vẫn tuyệt vời trừ khi bạn có một trường hợp sử dụng đặc biệt cho máy tính để bàn.

1. Chrome Devtools

Chúng tôi kiểm tra từng trang riêng lẻ bằng bảng điều khiển Ngọn hải đăng dành cho nhà phát triển của Chrome. Báo cáo này rất quan trọng vì nó mô phỏng trải nghiệm người dùng sử dụng trình duyệt ngay cả khi ở chế độ ẩn danh hoặc đã tắt bộ nhớ cache của trình duyệt.

Cách đặc biệt của chúng tôi để tiếp cận điều này là tạo một cấu hình Chrome để thử nghiệm nhưng vẫn giữ cho cấu hình đó cục bộ. Điều đó có nghĩa là không bật Đồng bộ hóa, không lưu mật khẩu hoặc liên kết với bất kỳ tài khoản Google hiện có nào. Chúng tôi cũng không cài đặt tiện ích mở rộng cho người dùng.

Khi bạn đã thiết lập, đây là cách bạn kiểm tra Lighthouse bằng DevTools
  1. Chạy phiên bản ẩn danh trên Chrome.
  2. Đi tới bảng điều khiển Mạng trong DevTools và đánh dấu vào hộp để tắt bộ nhớ cache. Bạn có thể thực hiện việc này bằng Ctrl + Shift + I trên Windows và Linux hoặc Command + Option + I trên Mac.
  3. Chuyển đến bảng điều khiển Lighthouse và nhấp vào tạo báo cáo.
  4. Lưu tệp sau khi được tạo.
Lợi ích của việc chạy Lighthouse từ Devtools là gì?

Giống như chúng tôi đã đề cập trước đó, có nhiều cách để chạy phân tích hải đăng. Điều này cũng có nghĩa là mỗi phương pháp đều có ưu và nhược điểm của nó.

Lợi ích của phương pháp này là
  • Bạn có thể kiểm tra các bản dựng cục bộ và tìm ra trang nào là xác thực.
  • Các báo cáo đã lưu có thể được so sánh với công cụ Lighthouse CI Diff.
Nhược điểm của việc chạy Lighthouse từ DevTools
  • Bạn chỉ có thể thực hiện một báo cáo tại một thời điểm.
  • Bạn sẽ phải lưu từng báo cáo theo cách thủ công.

2. Khi liên tục kiểm tra các trang giống nhau

Giả sử bạn thích thử nghiệm lặp lại các trang giống nhau, web. dev là lựa chọn lý tưởng. Nó tương tự như sử dụng DevTools chỉ là bạn không cần phải tắt tất cả các tiện ích mở rộng đỉnh cao đó. Phương pháp này về cơ bản là thẳng về phía trước. Tất cả những gì bạn cần làm là:
  1. Truy cập web.dev/measure/
  2. Đăng nhập bằng tài khoản Google của bạn.
  3. Nhập URL của trang bạn muốn kiểm tra.
  4. Bấm chạy kiểm tra.
Ưu điểm của việc chạy Lighthouse từ web. nhà phát triển
  • Nó nắm bắt dòng thời gian tiện lợi về kết quả của trang.
  • Người dùng có liên kết nhanh về hướng dẫn để cải thiện vấn đề.
  • Các báo cáo có thể được so sánh bằng công cụ Lighthouse CI Diff Tool.
Nhược điểm của việc chạy Lighthouse từ web. nhà phát triển
  • Bạn chỉ có thể tiến hành một phân tích và có một báo cáo tại một thời điểm.
  • Bạn phải có bản ghi các URL mà bạn đã theo dõi theo thời gian để tránh vô tình làm lại cùng một URL.

Dòng lệnh Node cho Lighthouse

Khi bạn đang tìm cách kiểm tra trên quy mô lớn, Node Command-Line là cách tiếp cận ưu tiên. Dưới đây là hướng dẫn về những việc cần làm:
  • Cài đặt npm: đối với người dùng mc, sẽ là khôn ngoan khi sử dụng homebrew để bạn có thể tránh các vấn đề phụ thuộc ngớ ngẩn.
  • Cài đặt Mô-đun ngọn hải đăng bằng cách chỉ cần nhập mã này: "npm install -g lighthouse."
  • Sau đó, bạn chạy một văn bản duy nhất bằng "lighthouse <url>."
  • Chạy thử nghiệm trên danh sách sử dụng bằng cách chạy thử nghiệm theo chương trình.
Ưu điểm của việc chạy Lighthouse từ Node
  • Bạn có thể chạy nhiều báo cáo cùng một lúc.
  • Bạn có thể lập trình nó để theo dõi các thay đổi theo thời gian một cách tự động.
Nhược điểm của việc chạy Lighthouse từ Node
  • Bạn phải có ý tưởng về cách viết mã.
  • Việc thiết lập nó đòi hỏi thời gian.

Phần kết luận

Sự phức tạp của các chỉ số Hiệu suất là một chỉ báo về những thách thức mà mọi trang web phải đối mặt. Chúng tôi dựa vào số liệu hiệu suất làm proxy cho trải nghiệm người dùng. Nó cho phép chúng tôi đi theo con đường của một người dùng và xem những gì họ thấy, trải nghiệm những gì họ trải nghiệm ở những người khác để xây dựng các trang web đáp ứng tốt hơn.

Một số công cụ khác như thử nghiệm Công cụ trang web của tôi và Chi phí trang web của tôi là bao nhiêu của Google cũng có thể hữu ích. Chúng tôi sử dụng các công cụ này để đưa ra các lập luận tập trung vào chuyển đổi và khách hàng về tầm quan trọng của hiệu suất trong một trang web.

Hy vọng rằng, khi dự án của bạn đạt được sức hút, chúng tôi có thể giải thích hiệu suất theo chỉ số duy nhất của Lighthouse có ý nghĩa như thế nào đối với nhóm kỹ sư lành nghề và cộng tác của bạn.

Quan tâm đến SEO? Kiểm tra các bài viết khác của chúng tôi về Blog Semalt.