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 về hiệu năng của website. Chúng sẽ giúp bạn hoàn thiện trang web để đem đến những trải nghiệm tốt nhất cho khách truy cập trang. Vậy Pagespeed Insight sử dụng thế nào và ứng dụng chúng vào hoàn thiện website ra sao?

Pagespeed Insights là gì? Làm thế nào để tăng điểm trên Pagespeed Insight?Hãy 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 tốc độ trang): Là một công cụ được giới thiệu bởi Google. 

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

Số liệu sẽ trả về thông qua bản báo cáo 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 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ọ 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 đã thu thập qua những lần 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 nút thắt 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 độ

Đ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

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

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)

Ở phần Opportunities, PSI đưa ra những đề xuất về những chỉ số hiệu suất để cải thiện thời gian tải trang. Mỗi đề xuất sẽ cho thấy ước tính thời gian tải trang có thể tiết kiệm được nếu gợi ý PSI đã triển khai. Người dùng có thể 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.

Diagnostics – Chẩn đoán

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 ở phần trên. Kết quả PageSpeed insights được cung cấp với API Lighthouse. Điểm PageSpeed insights là gì hay bao nhiêu cũng không ngoại lệ. Điều quan trọng nhất cần 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 điểm 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 PageSpeed Insight.

Lighthouse trả kết quả Performance score cho website giữa 0 đến 100 điểm. 0 là điểm số thấp nhất, nó chỉ xảy ra khi Lighthouse bị lỗi. […]. 100 là điểm cao nhất mà một website có thể có. Nó đại diện cho việc web đó 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 speed cũ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 PageSpeed. Với Lighthouse 6 (phát hành hồi tháng năm, 2020), điểm 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 độ
• 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

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? 

Google page speed sẽ đánh giá một phần độ thân thiện của trang web thông qua điểm số PageSpeed Insight. Trên thực tế, điểm số này thực sự không có mối liên hệ gì đến SEO. Tuy nhiên, việc điểm số cao tương đồng với việc người truy cập sẽ có trải nghiệm tốt hơn.

Công cụ tìm kiếm thông qua chỉ số này sẽ đánh giá cao website. Đồng thời đẩy thứ hạng của web lên bảng kết quả nhiều hơn, cao hơn. Tuy điểm số PageSpeed không gây ảnh hưởng đến SEO. Nhưng nếu điểm 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 sử dụng báo cáo PSI như thế nào? Để cho ra PSI Report hãy truy cập vào đường dẫn của PSI, điền URL trang của bạn và chờ kết quả hiển thị. 

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.

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

Câu hỏi mà người đọc đang quan tâm nhất là: Làm cách nào để đạt điểm cao trong PSI? Cách tối ưu pagespeed insights là gì và như thế nào? Dưới đây chúng ta sẽ tìm hiểu 10 yếu tố vô cùng quan trọng – Giúp ta tiến lại gần hơn với điểm số 100 PageSpeed Score!

Vì mỗi web 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 có thể giúp web có điểm số tốt (nhưng không cao) đạt PageSpeed Score cao hơn.

Ít sử dụng mã HTML 

Việc tối ưu hóa mã HTML có thể là không chú ý, đặc biệt là khi web đã tồn tại một thời gian dài. Một số trường hợp, HTML không được tối ưu do website xây dựng không tuân theo chỉ dẫn 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 chúng ta xuất hiện trên màn hình người truy cập.

Đoạn mã trùng lặp hoặc các tag sử dụng không có mục đích sẽ cản trở quá trình duyệt web. 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 muốn thực hiện thay đổi. Hiện nay có rất nhiều công cụ nén HTML. Chúng 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ụ còn có thể hoạt động như một plugin quản trị 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 của website mà trình duyệt cần để đồ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 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ế, sẽ cần tối ưu hóa trang web của mình để tận dụng tốt bộ nhớ đệm này. Có thể sử 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,…

Nén tài nguyên

Một trong số những phần tử quan trọng khi tải trang là hình ảnh. Hình ảnh thường tiêu tốn nhiều thời gian tải. Vì thế, 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à chậm web. 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, 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 để web 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.

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

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. Soo 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 trang.

Giảm kích thước trang

Tài nguyên trên trang càng nhiều thì web 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 web 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 có thể nén hoặc giảm bớt kích thước để trang trở nên nhẹ hơn. Và điểm pagespeed insights là gì, bao nhiêu không còn là gánh nặng nữa.

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 kích thước video vì nó sẽ ảnh hưởng đến chất lượng. Vì thế, 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 hạn chế hoặc nội dung cần bảo mật cao.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.

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

Đây là một vấn đề khá mơ hồ, có lẽ vì vậy nên nó thường hay bị 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 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ể thực hiện bằng cách loại bỏ các dòng, nhận xét không cần thiết. Ngoài ra còn loại bỏ những khoảng trống trong tệp. 

Các tệp này chính là thứ quyết định đến hình ảnh và cấu trúc của web. Chúng thường viết thừa để tạo điều kiện chỉnh sửa trong tương lai. Nhung đừng lo lắng, không cần phải thạo ngôn ngữ lập trình để 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

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 ta giảm dung lượng dữ liệu cho tệp. Gzip có thể nén tệp tĩnh như CSS, JavaScript và HTML trên cơ sở dữ liệu. Kích thước sau nén có thể giảm đến 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 xảy ra thay đổi gì đối với người truy cập.

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

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

Thường thì việc tải trang không ảnh hưởng đến tốc độ của trang web nhiều mà 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 khoảng thời gian eo hẹp.Khi đó điểm pagespeed insights là gì cũng không được cải thiện.

Sự cố này khá 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 có thể 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.

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

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

Nếu như đang điều hành 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 máy chủ sẽ là vấn đề cần 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 có thể làm đó 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 lượng lớn người truy cập mà không bị chậm. 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.

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 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

Pagespeed Insights là gì? Không còn 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ó 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 hoàn hảo nhé. 

Chúc các bạn thành công!