Pagespeed Insights là gì? Cách đạt 100% điểm trên Google Page Speed

Pagespeed Insights là gì? Công cụ đánh giá chi tiết hiệu suất trang web. Họ sẽ giúp bạn hoàn thiện trang web của mình để mang lại trải nghiệm tốt nhất cho khách truy cập trang web của bạn. Vậy Pagespeed Insight sử dụng và áp dụng chúng như thế nào để hoàn thiện trang web?

Pagespeed Insights là gì? Làm thế nào để tăng điểm trên Pagespeed Insight? Chúng ta cùng tìm hiểu qua bài viết dưới đây nhé!

Pagespeed Insights là gì?

PageSpeed Insights- PSI (tạm dịch: thông tin chi tiết về tốc độ trang): Là một công cụ được giới thiệu bởi Google.

Công cụ này được sử dụng để đo mức độ thân thiện và hiệu suất tải trang của một trang web trên cả máy tính để bàn và thiết bị di động.

pagespeed insights là gì
Pagespeed Insights là gì?

Dữ liệu sẽ được trả về thông qua báo cáo PSI. Và các đề xuất để cải thiện trang sẽ được cung cấp cho người dùng bởi công cụ này. Tính đến cuối năm 2018, PSI được điều hành bởi Lighthouse. Do đó, các số liệu trong báo cáo PSI dựa trên dữ liệu từ phòng thí nghiệm của Lighthouse. Khi quét web, tốc độ trang sẽ cung cấp hai loại dữ liệu cho người dùng:

Đầu tiên là dữ liệu phòng thí nghiệm (Lab Data).
Thứ hai là dữ liệu thực tế (Dữ liệu trường)

Dữ liệu phòng thí nghiệm được thu thập trong một môi trường được kiểm soát. Với nhiều thiết bị và hệ thống mạng internet được bố trí sẵn. Vì các vấn đề về mạng và thiết bị đều được kiểm tra kỹ lưỡng. Vì vậy, kết quả trả về sẽ cho người dùng biết rằng vấn đề hoàn toàn do hiệu suất trang web gây ra. Từ đó họ có thể dễ dàng tìm ra lỗi và khắc phục.

Mặt khác, dữ liệu thực là dữ liệu được thu thập thông qua lượt tải trang thực đến từ người dùng. Từ đây, chúng ta có thể kiểm tra và giải quyết những điểm nghẽn có thể xảy ra trong thực tế.

PageSpeed ​​cung cấp loại thông tin nào về website?

Dùng PageSpeed insights là gì để phân tích một page. Kết quả trả về sẽ là những phần và chỉ số hiệu năng khác nhau của web đó. Chúng sẽ sắp xếp theo thứ tự như sau:

Speed Score – Điểm tốc độ

google page speed
Điểm tốc độ lấy ra từ thí nghiệm của Lighthouse

Điểm tốc độ này dựa trên số liệu lấy ra từ phòng thí nghiệm của Lighthouse. Chúng ta sẽ tìm hiểu kĩ hơn về cách tính số liệu này trong những phần sau.

Field data – số liệu thực

page speed
Số liệu thực – Field Data

Số liệu thực sẽ bao gồm 2 phần chính:

  • First Contentful Paint (FCP)
  • First Input Delay (FID).

Số liệu này trả về dựa trên Trải nghiệm thực người sử dụng Chrome. Chúng được kiểm nghiệm trong vòng 30 ngày khi chạy PageSpeed.

Lab data – dữ liệu lab

pageinsight
Dữ liệu lab data dựa trên các phân tích của Lighthouse

Như đã nói ở trên, dữ liệu lab hoàn toàn dựa trên phân tích của Lighthouse. Những số liệu này lấy từ thiết bị di động và mạng di động giả lập.

Opportunities – Cơ hội (Đề xuất cải thiện trang)

google insights
Đề xuất chỉ số cải thiện trang

Trong phần Cơ hội, PSI đưa ra các đề xuất về số liệu hiệu suất để cải thiện thời gian tải trang. Mỗi đề xuất sẽ hiển thị ước tính thời gian tải trang có thể được lưu nếu đề xuất PSI được triển khai. Người dùng có thể thông qua nó để thực hiện các thay đổi nhằm tăng hiệu suất tải xuống. Từ đó nâng cao trải nghiệm của người truy cập website.

Diagnostics – Chẩn đoán

speedinsight
Diagnostics đưa ra một số công cụ đề xuất hỗ trợ

Phần Diagnostics cung cấp khuyến nghị về phương pháp phát triển website hay nhất để có thể thêm vào web. Nó sẽ đưa ra một số công cụ đề xuất hỗ trợ để có thể sử dụng.

Passed audits – Thông qua kiểm tra (Các thành phần ổn định)

Phần passed audits bao gồm tất cả kết quả hiệu năng đã hoạt động tốt trên website. Những thành phần hiển thị sẽ không cần chỉnh sửa gì thêm nữa.

Điểm PageSpeed ​​Insight được tính như thế nào?  

Như đã đề cập ở trên. Thông tin chi tiết về Tốc độ trang kết quả được cung cấp với API Lighthouse. Điểm số thông tin chi tiết về Tốc độ trang là gì hoặc bao nhiêu cũng không phải là ngoại lệ. Những điều quan trọng nhất cần lưu ý là: Lightgouse mô phỏng tải trang trong môi trường đặt hàng trước: Với mạng và di động tầm trung. Một số tài liệu về cách tính điểm Lighthouse đã được tốc độ trang Google tung ra. Chúng sẽ giúp chúng ta hiểu thêm về nguồn gốc của xếp hạng PageSpeed ​​Insight.

Lighthouse trả về điểm Hiệu suất cho các trang web từ 0 đến 100 điểm. 0 là số điểm thấp nhất, nó chỉ xảy ra khi Lighthouse thất bại. […]. 100 là số điểm cao nhất mà một trang web có thể có. Nó thể hiện rằng trang web nằm trong phân vị thứ 98 hàng đầu (trên thang điểm 100). Điểm 50 đại diện cho phân vị thứ 75.

Tốc độ trang của Google cũng nói rõ: Trong danh mục Hiệu suất của Lighthouse, chỉ có mục trong phần Số liệu ảnh hưởng đến điểm Tốc độ trang. Với Lighthouse 6 (phát hành vào tháng 5 năm 2020), điểm số sẽ được đo bằng 6 chỉ số sau:

First Contentful Paint – Nội dung đầu hiển thị

  • Time to Interactive – Thời gian tương tác
  • Speed Index – Chỉ số tốc độ
  • Largest Contentful Paint – Phần tử lớn nhất hiển thị
  • Total Blocking Time – Tổng thời gian chặn
  • Cumulative Layout Shift  – Thay đổi bố cục tích lũy
google pagespeed insights
Lighthouse tạo ra bảng Performance Rating

Lighthouse sẽ sử dụng những chỉ số này để tạo ra bảng Performance Rating. Tùy vào khung điểm sẽ có màu sắc khác nhau:

  • 0 đến 49 (chậm): màu đỏ
  • 50 đến 89 (trung bình): màu cam
  • 90 đến 100 (nhanh): màu xanh lá

Nếu muốn biết cách chỉ số ảnh hưởng đến điểm số cuối cùng. Thì hãy tham khảo Chi tiết điểm của Google pagespeed insights là gì nhé.

PageSpeed ​​Insight ảnh hưởng như thế nào đến SEO?

Tốc độ trang của Google sẽ đánh giá một phần mức độ thân thiện của website thông qua điểm PageSpeed Insight. Trên thực tế, số điểm này thực sự không liên quan gì đến SEO. Tuy nhiên, điểm số cao đồng nghĩa với trải nghiệm tốt hơn cho du khách.

Các công cụ tìm kiếm thông qua chỉ số này sẽ đánh giá cao trang web. Đồng thời đẩy thứ hạng của web lên bảng kết quả nhiều hơn, cao hơn. Mặc dù điểm PageSpeed không ảnh hưởng đến SEO. Nhưng nếu điểm cao sẽ giúp chúng ta có nhiều lượt truy cập và ở lại web lâu hơn.

Tóm lại, điểm Tốc độ trang không có ảnh hưởng trực tiếp đến tiến độ hoặc điểm số của SEO. Nó cũng sẽ không cải thiện hoặc hạ thấp thứ hạng trang web của bạn. Nhưng điểm số thông tin chi tiết về tốc độ trang cao sẽ mang lại trải nghiệm tuyệt vời.

Cách sử dụng Google PageSpeed Insights report

Chúng ta đã biết PSI, vậy chúng ta sử dụng báo cáo PSI như thế nào? Để tạo Báo cáo PSI, hãy truy cập liên kết của PSI, nhập URL của trang của bạn và đợi kết quả được hiển thị.

Vậy thì sao? Tất nhiên, bạn phải kiểm tra dữ liệu và sửa những lỗi mà PSI mắc phải để web hoạt động tốt hơn. Ngay bên dưới phần Cơ hội, bạn bấm vào dòng chữ “chỉ cách khắc phục”. Các tập tin đang làm chậm việc liệt kê trang web, việc của bạn là xử lý chúng để giảm thời gian chờ phản hồi của máy chủ.

page insights
Trong Opportunities, nhấn vào dòng chữ “show how to fix” để giảm thời gian chờ máy chủ phản hồi

Cách tối ưu PageSpeed ​​Insights để đạt điểm hoàn hảo 100% trên Google

Câu hỏi mà độc giả quan tâm nhất là: Làm thế nào để đạt điểm cao trong PSI? Điều gì và làm thế nào để tối ưu hóa thông tin chi tiết về tốc độ trang? Dưới đây, chúng ta sẽ xem xét 10 yếu tố quan trọng nhất – Đưa chúng ta đến gần hơn với Điểm tốc độ trang 100!

Vì mỗi trang web sẽ có cấu hình và nội dung riêng. Vì vậy, chúng tôi sẽ cụ thể đi vào bốn yếu tố quan trọng nhất. Cải thiện 4 yếu tố này có thể giúp một trang web có điểm tốt (nhưng không cao) đạt được Điểm tốc độ trang cao hơn.

Ít sử dụng mã HTML

Việc tối ưu hóa mã HTML có thể không quan trọng, đặc biệt là khi web đã tồn tại trong một thời gian dài. Trong một số trường hợp, HTML không được tối ưu hóa vì trang web được xây dựng không tuân theo nguyên tắc về tốc độ trang của Google. Trên thực tế, cách tổ chức các đoạn mã HTML này quyết định thời gian máy chủ đọc thông tin. Cũng như thời gian để trang của chúng tôi xuất hiện trên màn hình của khách truy cập.

Mã trùng lặp hoặc các thẻ không sử dụng sẽ cản trở quá trình duyệt web. May mắn thay, chúng ta không cần phải kiểm tra lại toàn bộ cấu trúc mã nếu chúng ta muốn thực hiện thay đổi. Có rất nhiều công cụ nén HTML hiện nay. Họ có thể thực hiện các thay đổi một cách tự động và nhanh chóng. Một số công cụ thậm chí có thể hoạt động như một plugin quản lý nội dung.

Sử dụng cache

Trong quá trình phân tích PSI, một trong những yếu tố chính cần xem xét là: Số lượng tài nguyên trang web mà trình duyệt cần để đồng hóa. Các tài nguyên này bao gồm: hình ảnh, phông chữ, nội dung,… Tất cả chúng đều có thể được lưu trữ trong trình duyệt thông qua bộ nhớ đệm.

Khi lưu vào bộ nhớ đệm, trình duyệt sẽ chỉ tải các phần tử của trang một lần. Mỗi khi người dùng thay đổi nội dung, thành phần trang, trình duyệt sẽ chỉ việc “lưu”. Thay đổi mới và lấy thông tin còn lại từ bộ nhớ cache. Vì vậy, bạn sẽ cần phải tối ưu hóa trang web của mình để sử dụng tốt bộ nhớ đệm này. Các Plugin bên ngoài có thể được sử dụng để hỗ trợ tạo bộ nhớ cache. Có khá nhiều Plugin miễn phí, chẳng hạn như W3 Total Cache, WP Super Cache, v.v.

google pagespeed insight
Plugin hỗ trợ tạo cache

Nén tài nguyên

Một trong những yếu tố quan trọng nhất khi tải trang là hình ảnh. Hình ảnh thường mất nhiều thời gian để tải. Do đó, nén hình ảnh đã trở thành một trong những khuyến nghị thường xuyên xuất hiện trong báo cáo PSI. Giữ nguyên các hình ảnh sẽ khiến web nặng và chậm. Bạn có thể sử dụng ứng dụng nén để giảm kích thước của tệp này.

Tương tự như hình ảnh, các tệp CSS, HTML và Javascript cũng gặp phải vấn đề tương tự. Hãy xử lý tất cả các tệp trên để làm cho web nhẹ hơn. Bạn sẽ nhận thấy xếp hạng web PSI được cải thiện. Cách nén các tệp tĩnh này sẽ được đề cập chi tiết hơn trong các phần sau. Bạn có thể sử dụng một số công cụ nén miễn phí như TinyPNG để nén hình ảnh trước khi tải lên web.

google speed insights
Công cụ nén ảnh TinyPNG

Sử dụng trang tăng tốc thiết bị di động AMP

AMP (Accelerated Mobile Pages) là một sáng kiến khác về tốc độ trang của Google để đảm bảo web tải nhanh hơn trên thiết bị di động. Ý tưởng của dự án này là cung cấp trải nghiệm tốt hơn cho người dùng di động. Nếu loại trừ các thành phần máy tính để bàn tốt và các tính năng không cần thiết khác, tốc độ duyệt web sẽ nhanh hơn và mượt mà hơn.

Nó là tốt hơn nhiều cho du khách để có một trải nghiệm nhanh chóng nhưng đơn giản. So với thực tế là họ sử dụng phiên bản trang web chi tiết, nhưng phải mất thời gian chờ tải trang.

google page insights
Sử dụng tăng tốc thiết bị di động AMP

Giảm kích thước trang

Càng nhiều tài nguyên trên trang, web càng nặng và thời gian tải càng lâu. Nhìn chung, hình ảnh và video là hai thành phần tạo nên trọng lượng trang web cao. Xem xét kích thước của các phần tử này cũng như kích thước tệp JavaScript và CSS. Từ đó, chọn các tập tin có thể nén hoặc giảm dung lượng để trang nhẹ hơn. Và những hiểu biết về tốc độ trang là gì, bao nhiêu không còn là gánh nặng.

Sử dụng video nguồn ngoài trang

Chỉ có thể nén hình ảnh, vậy video phải xử lý như thế nào? Chúng ta không thể giảm dung lượng video vì nó sẽ ảnh hưởng đến chất lượng. Do đó, vui lòng chọn sử dụng các video được đăng ngoài trang. Trừ những trường hợp đặc biệt như nội dung nền hạn chế hoặc nội dung bảo mật cao. Video từ Youtube và Vimeo có thể được sử dụng để thay thế các video được tải lên trang web. .

Các nền tảng xã hội này không chỉ dễ dàng tích hợp với trang web mà còn giúp quảng bá thương hiệu. Đồng thời cải thiện kết quả tìm kiếm. Nếu trang web của bạn thuộc trường hợp đặc biệt (ví dụ: khóa học trực tuyến trả phí). Bạn có thể chọn ẩn video khỏi tìm kiếm và chỉ cho phép truy cập từ liên kết bạn đặt trong trang web.

Giảm thiểu tệp JavaScript và CSS

Đây là một vấn đề khá mơ hồ, có lẽ vì vậy mà nó thường bị bỏ qua. Một cuộc khảo sát từ SEMrush cho thấy: Có tới 68% trang web có các tệp JavaScript và CSS chưa được hợp nhất.

Minimize – Theo nghĩa đen – có nghĩa là giảm bớt hoặc đơn giản hóa. Việc giảm mã này có thể được thực hiện bằng cách loại bỏ các dòng và chú thích không cần thiết. Đồng thời loại bỏ các khoảng trắng trong tệp.

Các tệp này là thứ xác định hình ảnh và cấu trúc của web. Chúng thường dư thừa để tiện cho việc chỉnh sửa sau này. Nhưng đừng lo lắng, không cần phải thông thạo một ngôn ngữ lập trình để thu nhỏ các tệp này. Có một số công cụ sẽ thực hiện công việc này cho bạn như:

  • Fast Velocity Minify
  • WP Super Minify
  • Online YUI Compressor

Lưu ý: Hãy sao lưu tệp này trước khi thực hiện bất kỳ thay đổi nào nhé. Sẽ luôn có khả năng web sẽ xảy ra chút lỗi sau khi tệp bị chỉnh sửa. Do đó hãy thận trọng và test trước khi ứng dụng thực tế.

Nén tệp bằng Gzip Compressed

Gzip Compressed là một phương pháp nén giúp chúng ta giảm dung lượng dữ liệu của tập tin. Gzip có thể nén các tệp tĩnh như CSS, JavaScript và HTML trên cơ sở dữ liệu. Kích thước sau khi nén có thể giảm xuống một nửa. Hầu hết các trình duyệt ngày nay đều tương thích và hỗ trợ nén Gzip. Sau khi nén, sẽ không có thay đổi nào đối với người truy cập.

Một số máy chủ đã tự động thực hiện việc nén này – Bạn có thể kiểm tra xem trang web của mình có dịch vụ này hay không. Bằng cách nhập URL của trang trên công cụ Varvy SEO. Nếu trang web của bạn không có dịch vụ này. Sau đó, hoàn toàn có thể sử dụng một plugin bên ngoài như WP Fastest Cache. Họ sẽ cung cấp các tùy chọn nén cho web của bạn.

Chuyển hướng ổn định

Thông thường tải trang không ảnh hưởng nhiều đến tốc độ của trang mà vấn đề nằm ở chuỗi chuyển hướng bắt buộc. Những chuyển hướng này sẽ khiến trình duyệt tải lại nhiều trang trong một thời gian eo hẹp. Khi đó, điểm số thông tin chi tiết về tốc độ trang sẽ không được cải thiện.

Vấn đề này khá phổ biến ở các trang web lớn, nơi họ có lịch sử thay đổi địa chỉ nhiều lần. Thay đổi giao thức (ví dụ: HTTPS) hoặc các trang trùng lặp (một số có www, số khác thì không), .. Ngoài ra, nó có thể xảy ra do những thay đổi trong thư mục, cấu trúc URL, .. trang. Do đó, hãy cố gắng cập nhật sơ đồ trang web của bạn để mọi người có thể truy cập trực tiếp vào địa chỉ trang web của bạn.

Lưu ý: Chỉ thực hiện chuyển hướng khi thực sự cần thiết – Chẳng hạn như chuyển hướng đến một trang được liên kết bên ngoài.

Cải thiện hiệu suất máy chủ

Nếu bạn đang điều hành một blog, kênh tin tức hoặc kênh thương mại điện tử. Khi đó việc cải thiện hiệu suất máy chủ sẽ là một vấn đề đáng quan tâm. Dự án trong tương lai sẽ tiếp tục phát triển, sự thay đổi này là hoàn toàn cần thiết để duy trì tốc độ trang. Một trong những điều có thể được thực hiện là thay đổi kế hoạch lưu trữ.

Ví dụ, có thể đầu tư vào một máy chủ chuyên dụng có khả năng cho phép một số lượng lớn người truy cập mà không bị chậm lại. Hoặc là hệ thống đang tắt. Thời điểm vàng trong ngành giao dịch như Thứ Sáu Đen hoặc Năm Mới. Khi đó lượng khách sẽ tăng đột biến. Nâng cấp dung lượng lưu trữ sẽ giúp ích rất nhiều.

Một số tình trạng có thể gặp phải trong quá trình vận hành website có thể kể đến như: Phần mềm lỗi thời, truy vấn cơ sở dữ liệu chậm, bộ nhớ hạn chế hoặc lỗi quản lý nguồn cục bộ. Đôi khi chúng ta không thể kiểm soát hết khiến web chạy chậm. Do đó, nếu bạn thuê một công ty lưu trữ bên ngoài, họ sẽ hỗ trợ bạn trong trường hợp này. Hãy chắc chắn để chọn một công ty có uy tín!

Kết luận

Pagespeed Insights là gì? Không nghi ngờ gì nữa, PageSpeed Insights của Google là một trong những công cụ đo tốc độ trang được sử dụng nhiều nhất trên toàn thế giới. Có một lý do chính đáng để chúng rất phổ biến.

Trong bài viết này, bạn đã tìm hiểu về nền tảng của PSI và cách chúng hoạt động. Sử dụng các mẹo tối ưu hóa PSI này để trang web của bạn có thể đạt điểm tuyệt đối.

Xem thêm các thông tin mới nhất tại: https://tuhocmarketingonline.info/

The post Pagespeed Insights là gì? Cách đạt 100% điểm trên Google Page Speed appeared first on TỰ HỌC MARKETING.



Nguồn:
https://tuhocmarketingonline.info/pagespeed/
Xem thêm tại:
https://tuhocmarketingonlineinfo.blogspot.com

Nhận xét

Bài đăng phổ biến từ blog này

Giới thiệu

Kỹ năng viết cv là gì ? Khái niệm về cv là gì ?