Kiểm Tra Tốc Độ Và Hiệu Suất Trang Web Bằng GTMetrix

Tốc độ và hiệu suất được xem là yếu tố quan trọng của một website. Để lôi kéo được nhiều độc giả ghé thăm trang web thì tốc độ tải trang là yếu tố hàng đầu. Tuy nhiên, với các bạn mới thì hầu như không biết nên xử lý bằng cách nào. Trong tình huống này cần phải có một công cụ hữu ích để phân tích. https://gtmetrix.com/ là một trang web phân tích chuyên sâu về lĩnh vực này.

GTMetrix là gì?

GTMetrix là công cụ cho phép bạn kiểm tra tốc độ và phân tích chuyên sâu về một trang web nào đó. Kiểm tra và đưa ra những nhược điểm mà trang web đó mắc phải. Ngoài ra còn hướng dẫn bạn cách tối ưu hóa chúng một cách chi tiết. Không những là công cụ kiểm tra chất lượng, dễ sử dụng mà còn hoàn toàn miễn phí.

GTMetrix phân tích trang web và được đánh giá bởi 5 điểm sau:

  • PageSpeed Score: Tốc độ tải trang.
  • YSlow Score: Điểm xử lý các file trên trang.
  • Fully Loaded Time: Tổng thời gian tải trang.
  • Total Page Size: Dung lượng tải trang.
  • Requests: Số lượng phần tử cần xử lý trên trang.
Xem Thêm:   Hướng dẫn cài đặt W3 Total Cache để tăng tốc độ tải trang

Bạn hãy xem các đánh giá của nó và tiến hành tối ưu: Điểm PageSpeed Score và YSlow Score càng cao càng tốt.

Kiểm tra trang web với GTMetrix

Thông qua những điêu mình trình bày ở trên bạn đã có thể phần nào hiểu được hoạt động của GTMetrix. Trong bước này mình sẽ hướng dẫn các bạn xem và phân tích chúng.

Bước 1: Phân tích trang web

Truy cập vào trang web https://gtmetrix.com và nhập URl cần phân tích:

Click vào Analyze để bắt đầu.

Hoàn tất quá trình phân tích, bạn sẽ thấy được số điểm mà GTMetrix phân tích.

=> Ôi thôi rồi! Số điểm quá thấp, điều này đồng nghĩa với việc website hoàn toàn chưa tối ưu. Ngoài việc tăng thời gian tải trang mà còn giảm thứ hạn của google. Bạn cần phải tối ưu để các chỉ số như mong muốn. Không cần phải đạt ngưỡng 100%, chỉ cần lớn hơn 75% là được rồi. Vì điểm tuyệt đối (100%) chưa chắc đã khiến trang web bạn tải nhanh hơn.

Bước 2: Phân tích điểm PageSpeed Score

Bạn truy cập vào khung PageSpeed

Giá trị bạn quan tâm là 5 phần đầu tiên:

  • Serve scaled images: Dịch vụ ảnh thu nhỏ.
  • Optimize images: Tối ưu hóa hình ảnh.
  • Leverage browser caching: Bộ nhớ đệm của trình duyệt.
  • Enable gzip compression: Nén file Gzip.
  • Defer parsing of JavaScript: Cú pháp JacaScript.
Xem Thêm:   Tối ưu Hóa HTML CSS JavaScript Đơn Giản Với Autoptimize

GTMetrix sẽ liệt kê cho bạn những thành phần chưa tối ưu hóa bằng cách nhấp vào chúng.

What’s this mean? : Giải thích vấn đề gặp phải.

Bước 3: Phân tích điểm YSlow Score

Giống như PageSpeed, bạn chỉ cần chuyển sang tab YSlow để xem báo cáo.

  • Add Expires headers: Tiêu đề hết hạn.
  • Make fewer HTTP requests: Thực hiện yêu cầu HTML.
  • Use a Content Delivery Network (CDN): Sử dụng mạng CND.
  • Use cookie-free domains: Sử dụng cookie tên miền.
  • Configure entity tags (ETags): Cấu hình thẻ Etaps.
  • Minify JavaScript and CSS: Giảm thiểu JavaScript và CSS.

Lời Kết

Bài viết này mình chia sẻ cho các bạn công cụ để kiểm tra trang web. GTMetrix sẽ chỉ ra cho các bạn một số vấn đề cần giải quyết. Các bài viết tiếp theo mình sẽ hướng dẫn cài các plugin để tối ưu tốt hơn.

  •  
  •  
  •  
Loading...