Google Pagespeed – Công cụ đánh giá tiêu chuẩn website

04/05/2019 207 Lượt xem

 

Google PageSpeed là một công cụ của Google giúp bạn đánh giá điểm chất lượng website của mình theo tất cả các tiêu chuẩn đánh giá chất lượng của chính Google. Đây là một công cụ thực sự hữu ích giúp người dùng kiểm tra được mức độ hài lòng của Google dành cho website là bao nhiêu. Từ đó, đưa ra các phương án tối ưu hơn.

Hãy cùng ITSWEB tìm hiểu kĩ hơn về công cụ và cách tối ưu của Google PageSpeed nhé!

pagespeed

Google PageSpeed là gì?

Google PageSpeed là một bộ tiêu chuẩn đo lường về khả năng thân thiện của website (cho cả thiết bị di động và máy tính) do chính Google đề xuất ra. Theo Google, các tiêu chuẩn trong PageSpeed sẽ tập trung vào hai vấn đề chính: một là tốc độ tải trang và thứ hai là thân thiện với trải nghiệm của người dùng. Và nếu trang nào được nhiều điểm đánh giá của Google PageSpeed thì nghĩa là trang đó đáp ứng được càng nhiều các tiêu chuẩn của Google đề ra.

Cách sử dụng Google PageSpeed

1.Trước hết, để bắt đầu sử dụng công cụ, các bạn hãy truy cập vào link sau: https://developers.google.com/speed/pagespeed/insights/?hl=vi

2. Điền tên trang web mà bạn muốn kiểm tra như khung hình dưới đây

3. Sau khi kiểm tra, thì công cụ sẽ chấm theo thang điểm từ 0-100 được chia thành 3 loại:

 

Nhanh: Từ 90 -100 điểm. Website áp dụng tốt các phương pháp tối ưu hiệu suất và mang lại trải nghiệm tốt cho người dùng.

Trung bình: Từ 50-89 điểm. Website chưa tối ưu một số phần phổ biến dẫn đến trải nghiệm người dùng không được tốt.

Chậm: Từ 0 – 49 điểm. Website không được tối ưu và có khả năng mang lại trải nghiệm người dùng kém.

Tiêu chuẩn đánh giá của Google PageSpeed

Tránh sử dụng “redirect” ở trang đích

Kích hoạt chức năng “compress” dữ liệu gửi về trình duyệt

Cải thiện thời gian phản hồi của server

Thực hiện nén các tài nguyên CSS và Javascript trên website

Thực hiện giảm dung lương hình ảnh bằng nén

Tối ưu việc chèn các file CSS vào website

Thiết lập thứ tự ưu tiên nội dung trong website

Bỏ chặn Javascript và CSS khi tải trang

Tận dụng thuộc tính không đồng bộ

Các bước tối ưu hóa Google PageSpeed

  1. Tối ưu hóa code

Hiện nay có vô số mã nguồn khác nhau, mỗi mã nguồn lại chứa vô số theme khác nhau. Vì vậy nên việc tối ưu code sẽ gặp khó khăn hơn nhiều. Thế nên, khi thiết kế 1 website bạn nên chú ý đến việc sử dụng theme gì, có dễ dàng tối ưu không, có được update thường xuyên không….

2. Tối ưu hóa CSS, JS, HTML

Hiện nay thì hầu như website nào cũng có CSS và JS. Để có thể load nhanh hơn, người ta hay dùng cách minify (là một thư viện được viết bằng PHP5 giúp kết hợp nhiều tập tin JS, CSS lại thành một, né và đảm bảo chúng được cache tại client).

Với việc có quá nhiều file CSS và JS, sau khi minify thì thường nối chúng lại để tăng tốc độ tải trang cho website.

 

3. Tối ưu hóa hình ảnh

ITSWEB đề xuất cách tối ưu hình ảnh cho các bạn như sau:

Trước tiên, chúng ta cần phải tối ưu hóa hình ảnh để cho hình ảnh hiển thị tốt nhất trên website

Để thực hiện bước này, chúng ta sử dụng công cụ Photoshop để tối ưu hóa hình ảnh

     Mở Photoshop -> File+Open (hoặc Ctrl O) 1 hình ảnh mà bạn muốn đưa lên website

     Sau đó chúng ta thực hiện chọn File -> Save for Web ( Alt + Shift + Ctrl + S)

     Sau đó, photoshop sẽ hiện ta bảng như sau

      Chọn “save” để thực hiện lưu ảnh.

    

Tối ưu hóa hình ảnh cho SEO cần tuân thủ theo 3 bước sau:

Không đưa các hình ảnh có đường dẫn từ trang web khác vào website của mình.

Tối ưu hóa đường dẫn ảnh

Ví dụ: ảnh của bạn về thiết kế web thì nên lấy đường dẫn ảnh là “thiet-ke-website.jpg/jpeg/gif…

Luôn luôn dùng thẻ alt cho hình ảnh trong website dù đó chỉ là icon kích thước 1×1

4. Sử dụng Hosting hoặc VPS chất lượng

Việc này khá quan trọng. Việc sử dụng một hosting hay VPS chất lượng quyết định đến sự ổn định của website. Nếu cho phép, hãy mua 1 VPS để phục vụ cho sự ổn định của máy chủ vì SEO là công việc lâu dài.

Một hosting chất lượng thường có các yếu tố sau:

♻️ Sự ổn định. Website của bạn chưa xuất hiện hoặc không xuất hiện tình trạng “waiting for {tên website}

♻️ Sử dụng SSD

♻️ Dùng LiteSpeed

♻️ Chạy hệ điều hành Centos + CloudLinux

♻️ Sử dụng Maria Database

♻️ Bật nén Hosting hoặc sử dụng CDN

Khi truy cập vào website, một yêu cầu sẽ được gửi tới server để chuyển file xuống. Những file này càng lớn thì càng tốn nhiều thời gian để tải. Bằng cách nén website và CSS trước khi gửi chúng qua cho trình duyệt sẽ làm giảm thời gian tải xuống đáng kể vì file đã nhỏ hơn đi rất nhiều. Kết quả cuối cùng sau khi gzip nén file, kích thước của trang và CSS có thể giảm tới 60-70%.

Nếu việc bật gzip khó khăn thì bạn cũng có thể sử dụng CDN, (CDN miễn phí của Cloudflare có thể giúp bạn điều này). Với nhiều lượng truy cập từ nhiều nước khác nhau thì việc sử dụng CDN gần như là bắt buộc.

ITSWEB hi vọng với bài viết trên sẽ giúp ích được cho các bạn. Cảm ơn các bạn đã đọc được bài viết!

Trả lời

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 *