Marketing SEO

Google Pagespeed Insights là gì? Hướng dẫn cách đạt điểm 10 hoàn hảo

Google Pagespeed Insights là gì? Đây là công cụ đánh giá chi tiết về hiệu năng của Website. Chúng sẽ giúp bạn hoàn thiện trang Web để đem đến trải nghiệm tốt nhất cho khách truy cập trang.

Vậy sử dụng Google Page Speed thế nào và ứng dụng nó vào hoàn thiện Website ra sao? Làm thế nào để tăng điểm Page Speed Insight? Hãy cùng tìm hiểu qua bài viết dưới đây nhé!

Google Pagespeed Insights là gì?

Google PageSpeed Insights là một nhóm công cụ của Google được thiết kế để giúp tối ưu hóa hiệu suất của trang Web. Pagespeed Insights sẽ tập trung hai vấn đề là tốc độ tải trang và tính thân thiện với người dùng.Các thành phần này tuân thủ các phương pháp về hiệu suất Web của Google, cũng như là tự động hóa quy trình điều chỉnh.

pagespeed-insights

Số liệu sẽ trả về thông qua bản báo cáo Pagespeed Insights (PSI). Và đề xuất cải thiện trang sẽ được công cụ này cung cấp cho người dùng. Kể từ cuối năm 2018, PSI được vận hành bởi Lighthouse.

Vì thế, những số liệu trong báo cáo PSI đều dựa trên số liệu từ phòng Lab của Lighthouse. Khi quét trên Web, Pagespeed Insights sẽ cung cấp hai loại dữ liệu về cho người dùng:

  • Thứ nhất là dữ liệu phòng thí nghiệm (Lab Data)
  • Hai là dữ liệu thực tế (Field Data)

Lab Data được thu thập trong môi trường bị kiểm soát. Với nhiều thiết bị và mạng Internet đã sắp xếp trước. Vì vấn đề về mạng và thiết bị được kiểm tra toàn diện. Nên kết quả trả về sẽ cho người dùng biết vấn đề xảy ra hoàn toàn do hiệu suất Website.

Từ đó họ 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 đã thu thập qua những lần tải trang thực đến từ người dùng. Từ đây, chúng ta kiểm tra và giải quyết nút thắt Page Speed có thể xảy ra trong thực tế.

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

Dùng Google Pagespeed Insights để 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 website đó. 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 độ Page Speed 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 phần sau của bài viết .

Field Data – Số liệu thực

page-speed

Gồm 2 phần chính: First Contentful Paint (FCP) và First Input Delay (FID). Nó sẽ trả về dựa trên Trải nghiệm thực người dùng Chrome. Chúng được kiểm nghiệm trong vòng 30 ngày khi chạy Pagespeed Insights . 

Lab Data – Dữ liệu Lab

pageinsight

Như tôi đã nói ở bên 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 có thể được 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

Ở phần Opportunities, PSI đưa ra những đề xuất về những chỉ số hiệu suất để bạn cần phải cải thiện thời gian tải. Mỗi đề xuất sẽ cho thấy ước tính thời gian tải trang tiết kiệm được nếu gợi ý PSI đã triển khai.

Người dùng qua đó để tạo ra thay đổi giúp cho hiệu năng tải tăng lên. Từ đó nâng cao trải nghiệm người truy cập Website khi cải thiện Pagespeed Insights.

Diagnostics – Chẩn đoán

speedinsight

Phần Diagnostics này cung cấp khuyến nghị về phương pháp phát triển Website hay nhất để 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 ​​Insights được tính như thế nào? 

Như đã đề cập ở phần trên. Kết quả PageSpeed Insights được cung cấp với API Lighthouse. Điểm Google Pagespeed Insights bao nhiêu cũng không ngoại lệ. Điều quan trọng nhất mà bạn cần phải chú ý là: Lightgouse mô phỏng tải trang trong một môi trường đã sắp xếp sẵn:

Với mạng và thiết bị di động ở tầm trung. Một số tài liệu về cách tính Lighthouse đã được Google Page Speed phát hành. Chúng sẽ giúp ta hiểu thêm về nguồn gốc xếp hạng Page Speed Insights.

Lighthouse trả kết quả Performance Score cho Website giữa 0 đến 100. 0 là điểm số thấp nhất, nó chỉ xảy ra khi Lighthouse bị lỗi. […]. 100 là điểm số cao nhất mà một Website có thể nhận được. Nó đại diện cho việc website đó thuộc Top đầu phân vị 98 (trên thang nhóm 100). Điểm 50 đại diện cho phân vị thứ 75.

Google Page Speedcũng làm rõ: Ở danh mục Performance của Lighthouse, chỉ có mục trong phần Metrics mới có ảnh hưởng đến điểm Page Speed. Với Lighthouse 6 (phát hành hồi tháng năm, 2020), sẽ đo bằng 6 chỉ số dưới đây:

  • 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 độ Page Speed
  • 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 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á

Pagespeed ​​Insights ảnh hưởng như thế nào đến SEO? 

Google Page Speed sẽ đánh giá một phần độ thân thiện của website thông qua điểm số Google Pagespeed Insights. Trên thực tế, điểm số này thực sự không có bất kỳ mối liên hệ gì đến SEO. Tuy nhiên, việc website của bạn đạt được điểm số cao tương đồng với việc người dùng sẽ có trải nghiệm tốt hơn khi truy cập vào website.

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

Tóm lại là điểm số của Page Speed không có sự ảnh hưởng trực tiếp tới tiến trình hay điểm SEO. Nó cũng không giúp cải thiện hay làm hạ thấp thứ hạng của Website.Nhưng điểm cao Pagespeed Insights 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 chỉ số PSI, vậy bạn nên dùng báo cáo PSI như thế nào? Để cho ra PSI Report bạn hãy truy cập vào đường dẫn của PSI, điền URL của bạn và chờ kết quả hiển thị Page Speed. Vậy sau đó thì sao? Tất nhiên là phải kiểm tra số liệu và sửa những lỗi mà PSI đưa ra để Web hoạt động tốt hơn rồi.

Ngay bên dưới phần Opportunities, nhấn vào dòng chữ “Show How To Fix”. Những tệp đang làm chậm Website liệt kê ra, việc của bạn là xử lý chúng để giảm thời gian chờ máy chủ phản hồi.

page-insights

10 Cách tối ưu Page Speed đạt điểm hoàn hảo trên Google Page Speed

Câu hỏi mà bạn đang quan tâm nhất hiện nay là: Làm cách nào để đạt được điểm cao trong PSI? Cách tối ưu Google Pagespeed Insights và như thế nào? Dưới đây chúng ta sẽ cùng tìm hiểu 10 yếu tố vô cùng quan trọng – Giúp bạn tiến lại gần hơn với số 100 PageSpeed Score! Vì mỗi website sẽ có một cấu hình và nội dung riêng.

Vì thế chúng ta sẽ đặc biệt đi sâu vào 4 yếu tố chủ yếu nhất. Cải thiện 4 yếu tố này sẽ giúp Web có điểm số tốt (nhưng không cao) đạt PageSpeed Score cao hơn.

Cách 1. Ít sử dụng mã HTML

Việc tối ưu hóa mã HTML là không chú ý, đặc biệt là khi website đã tồn tại một khoảng thời gian dài. Một số trường hợp, HTML không được tối ưu do Website được xây dựng không tuân theo chỉ dẫn của Google Page Speed.

Thực tế, cách những đoạn mã HTML này được tổ chức sẽ quyết định thời gian máy chủ đọc thông tin. Cũng như là thời gian để Page của bạn xuất hiện trên màn hình người truy cập.

Đoạn mã trùng lặp, các Tag không có mục đích sẽ làm cản trở quá trình duyệt Web và chậm Page Speed. May mắn là chúng ta không cần phải kiểm tra lại toàn bộ cấu trúc mã nếu bạn muốn thực hiện thay đổi.

Hiện nay có rất nhiều công cụ nén HTML. Chúng thực hiện các thay đổi một cách tự động và nhanh chóng. Một số công cụ còn hoạt động như một Plugin quản trị nội dung.

Cách 2. Sử dụng Cache

Trong quá trình phân tích PSI, một trong những yếu tố chính mà bạn cần phải xem xét cho Page Speed là: Số lượng tài nguyên của Website mà trình duyệt cần phải đồng hóa. Những tài nguyên tài bao gồm: hình ảnh, phông chữ, nội dung,.. Tất cả chúng có thể lưu trữ trong trình duyệt thông qua Cache (bộ nhớ đệm).

Khi bạn tiến hành lưu trữ, trình duyệt sẽ chỉ tải các phần tử page một lần duy nhất. Mỗi khi người dùng thay đổi nội dung, phần tử trang, trình duyệt sẽ chỉ cần “lưu lại”.

Những thay đổi mới và lấy những thông tin còn lại từ Cache. Vì thế, bạn sẽ cần tối ưu hóa website của mình để tận dụng tốt bộ nhớ đệm này. Có thể dùng những loại Plugin bên ngoài để hỗ trợ tạo Cache. Có khá nhiều Plugin miễn phí, ví dụ như W3 Total Cache, WP Super Cache,…

google-pagespeed-insight

Cách 3. Nén tài nguyên

Một trong số những phần tử quan trọng nhất khi tải trang là hình ảnh. Hình ảnh thường tiêu tốn rất nhiều thời gian để tải và làm chậm Pagespeed. Vì thế, việc nén ảnh đã trở thành một trong những đề xuất thường xuyên xuất hiện trong báo cáo PSI. Việc giữ nguyên hình ảnh sẽ làm nặng và làm chậm website của bạn đi rất nhiều. Bạn hãy 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, tệp CSS, HTML và Javascript cũng gặp tình trạng tương tự. Hãy tiến hành xử lý cả những tệp trên để website của mình trở nên nhẹ hơn. Sẽ nhận thấy xếp hạng PSI Web đã cải thiện đấy. Cách nén những tệp tĩnh này sẽ giới thiệu chi tiết hơn ở những phần dưới. Bạn có thể dùng một số công cụ nén miễn phí như TinyPNG để nén ảnh trước khi đăng tải lên Web.

google-speed-insights

Cách 4. Sử dụng trang tăng tốc thiết bị di động AMP

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

Việc người truy cập có trải nghiệm nhanh nhưng lại đơn giản sẽ tốt hơn nhiều. So với việc họ sử dụng bản Website chi tiết, nhưng lại mất thời gian chờ đợi tải Web. Vì vậy cần tăng tốc nhằm cải thiện Pagespeed Insights tốt hơn.

google-page-insights

Có thể bạn quan tâm: AMP là gì? Hướng dẫn cách tạo Google AMP từ A-Z

Cách 5. Giảm kích thước trang

Tài nguyên trên website càng nhiều thì càng nặng và mất thời gian để tải hơn. Nói chung, hình ảnh và video chính là hai thành phần khiến trọng lượng của Web tăng cao. Hãy xem xét kích thước của những thành phần này cũng như kích thước tệp JavaScript và CSS.

Từ đó lựa chọn những tệp để nén hoặc giảm bớt kích thước để trang trở nên nhẹ hơn. Và điểm trên Google Pagespeed Insights bao nhiêu không còn là gánh nặng nữa.

Cách 6. Sử dụng Video nguồn ngoài trang

Chỉ nén hình ảnh, vậy video phải xử lý như thế nào? Chúng ta không thể giảm kích thước video vì nó sẽ ảnh hưởng trực tiếp đến chất lượng từ Google Insights. Vì thế, bạn hãy lựa chọn sử dụng video đăng tải ngoài Page. Ngoại trừ những trường hợp đặc biệt như nền tảng bị hạn chế hoặc nội dung cần bảo mật cao. Bạn có thể sử dụng video từ Youtube và Vimeo để thay thế video tải lên Website.

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

Cách 7. Giảm thiểu tệp JavaScript và CSS

Đây là một vấn đề khá mơ hồ, có lẽ vì thế nên nó thường hay bị mọi người bỏ quên. Một cuộc khảo sát từ SEMrush cho thấy: Có đến 68% web có tệp JavaScript và CSS mà không rút gọn. Giảm thiểu – Hiểu theo nghĩa trên mặt chữ – Có nghĩa là giảm bớt hoặc đơn giản hóa. Việc giảm thiểu mã này được thực hiện bằng cách loại bỏ các dòng, hay những nhận xét không cần thiết.

Ngoài ra bạn còn phải loại bỏ những khoảng trống trong tệp để cải thiện điểm trên Google Insights. Các tệp này chính là thứ quyết định đến hình ảnh và cấu trúc của website. Chúng thường viết thừa để tạo điều kiện chỉnh sửa trong tương lai. 

Nhưng bạn đừng quá lo lắng, bạn không cần phải thạo ngôn ngữ lập trình để có thể giảm thiểu các tệp này. Có khá nhiều công cụ sẽ thay bạn làm công việc đó như: Fast Velocity Minify, WP Super Minify, Online YUI Compressor.

Cách 8. Nén tệp bằng Gzip Compressed

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

Cách 9. Chuyển hướng ổn định

Thường thì việc tải trang sẽ không ảnh hưởng quá nhiều đến tốc độ của trang Web tuy nhiên vấn đề nằm ở chuỗi chuyển hướng bắt buộc. Các chuyển hướng này sẽ khiến trình duyệt phải tải lại nhiều trang trong một khoảng thời gian ngắn.

Khi đó điểm trên Google Pagespeed Insights cũng không được cải thiện. Sự cố này khá là phổ biến ở những trang Web lớn khi mà chúng đã có lịch sử thay đổi địa chỉ nhiều lần.

Hoặc là thay đổi giao thức (ví dụ như HTTPS) hay các Page trùng lặp (một số có www, số khác thì không),.. Ngoài ra, nó còn xảy ra do thay đổi danh mục, cấu trúc URL,..

Những chuyển hướng này tích tụ và làm cho đường dẫn liên kết đến trang nhiều hơn và lâu hơn. Do đó, hãy cố gắng cập nhật Sitemap để mọi người tiếp cận trực tiếp đến địa chỉ trang Web của bạn.Từ đó cải thiện điểm Pagespeed tốt hơn nữa.

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

Nếu như 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ử. Thì việc cải thiện hiệu suất làm việc của máy chủ sẽ là vấn đề mà bạn cần phải chú ý. Dự án tương lai sẽ ngày càng phát triển, thay đổi này là hoàn toàn cần thiết để duy trì tốc độ trang. Một trong số những việc làm đó là thay đổi kế hoạch lưu trữ.

Ví dụ: Bạn có thể đầu tư vào một nhà máy chủ chuyên dụng có khả năng cho phép một lượng lớn người truy cập mà không ảnh hướng đến trải nhiệm của người dùng. Hay là bị ngưng trệ hoạt động hệ thống. Thời điểm vàng trong ngành buôn bán như Black Friday hay năm mới. Thì số lượng khách hàng truy cập sẽ gia tăng đột biến. Việc nâng cấp lưu trữ sẽ giúp ích rất nhiều trong tăng điểm Pagespeed Insight.

Một số tình trạng có thể gặp trong quá trình điều hành Website có thể kể đến như: Phần mềm quá lỗi thời, truy vấn cơ sở dữ liệu chậm, giới hạn bộ nhớ hay lỗi quản lý nguồn cục bộ. Đôi khi ta không thể kiểm soát tất cả khiến Web bị chậm đi. Do đó, nếu 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 đảm bảo chọn một công ty có uy tín nhé!

Kết luận

Về Google Pagespeed Insights! Không còn nghi ngờ gì nữa, PageSpeed Insights của Google là một trong những công cụ hỗ trợ đo tốc độ trang được sử dụng nhiều nhất trên toàn thế giới. Có lý do chính đáng mà chúng được ưa chuộng như vậy. 

Trong bài viết này bạn đã tìm hiểu về nền tảng của PSI và cách hoạt động của chúng. Hãy vận dụng những tips tối ưu PSI để trang Web của bạn có thể đạt điểm Pagespeed Insights hoàn hảo nhé. Chúc các bạn thành công! speedinsight

Cảm ơn bạn đã đọc hết bài viết trên của VIDCOGROUP mọi ý kiến và thắc mắc vui lòng để lại dưới phần Comment.

Tham khảo bài viết liên quan:

  1. 5 Thủ thuật loại bỏ tài nguyên và xóa Javascript hiệu quả nhất
  2. Google Analytics là gì? 10 Cách sử dụng Analytic Google (2021)
  3. Google Trends là gì? Hướng dẫn sử dụng Google Trends từ A-Z
  4. Google Sandbox là gì: Và sự thật lý do tại sao website của bạn bị kìm hãm & cách hóa giải

Author

nguyendaihai

Leave a comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *