Tháng Chín 20, 2021
Cách kiểm tra chính xác tốc độ load của website

Cách kiểm tra chính xác tốc độ load của website

Để soát tốc độ load website thì có khá nhiều cách, trong bài này mình sẻ trình bày một số cách mà mình thường dùng để check xem tốc độ load website thực là như thế nào và nó còn vướng phải lỗi nào để còn biết mà xử lý.

Cách mình check tốc độ load website dưới đây là cách hiệu quá số 1 để bạn biết đích thực website bạn đang load như thế nào, nó sẻ show ra tất tật các yêu cầu mà website sẻ xử lý như: Status, Domain, Time load, Waterfall …


Tốc độ load thực sự của website
Tốc độ load thực thụ của website

Rà tốc độ load website với Google Chrome

Để soát thì bạn vào website cần check nhấn F12 Chuyển sang tab Network và nhấn F5 để load lại trang và trình duyệt Chrome sẻ ghi lại các request cũng như các thông báo về speed.


Kiểm tra tốc độ load website với Chrome

Như trên hình bạn sẻ thấy quơ thông báo như website có bao lăm yêu cầu xử lý Dom content load Time load

thí dụ website thuthuat.vip có 22 request thời gian load là 1.29 giây

– Một số cột bạn nên theo dõi là Status (để biết mã phản hồi của webserver – tránh các lỗi 4x hoặc 5x) thường sẻ là 2x
– Phần size và time tỉ lệ thuận với nhau nên bạn hãy xem xét để biết file nào nặng và tối ưu lại
– Bạn cũng có thể xem thêm một số thông tin khác như: Protocol, Cookie, Type, Metho … bằng cách click chuột phải vào Name và chọn dữ liệu bạn muốn xem


Phân tích tốc độ website với Chrome
phân tách tốc độ website với Chrome

– Bạn cũng nên xem Response Headers để biết header nó trả về cái gì
– Mục cũng khá quan yếu là bạn nên xem phần Waterfall để biết Waiting (TTFB) [Time To First Byte] nhanh hay chậm

TTFB (Time To First Byte) là khoảng thời gian Server xử lý request từ Client và render các mã HTML trả về trình duyệt. Theo tiêu chuẩn chuẩn của Google thì TTFB phải nhỏ hơn 200 ms (mili giây) là ok


Time To First Byte - thuthuatvip
Time To First Byte – của mình cũng hơi cùi bắp 😀

Để tối ưu được Server Response Time bạn cần phải có những kiến thức một mực về

  • Tối ưu mã codecode (thí dụ PHP, CSS, Javascript)
  • Tối ưu cơ sở dữ liệu (Thiết kế CSDL, tối ưu truy nã)
  • Tối ưu Server (Nginx, Apache, Litespeed)
  • Phần cứng (RAM, CPU, SDD)

Thông thường mình test tốc độ load website mình sẻ sử dụng trình duyệt Chrome trước nhất và tiếp theo mình sử dụng các công cụ check online khác như

1.Gtmetrix
Bạn nên đăng ký account trên website này để có thể chọn datacenter để check


kiểm tra tốc độ web với Gtmetrix

Thông báo test

– Test Server Region: Hong Kong, China
– Using: Chrome (Desktop) 62.0.3202.94, PageSpeed 1.15-gt1, YSlow 3.1.8


Tốc độ load vs Gtmetrix

Bạn có thể xem chi tiết các đề xuất để tăng tốc website

ở bên dưới Performance Scores (Gtmetrix)
Bạn dễ dàng nhận thấy tốc độ load có phần chênh lệch đúng không? Vì ở 2 địa điểm khác nhau nên kiên cố tốc độ sẻ khác nhau thôi.

2. Pingdom
Đây cũng là trang mình hay check để xem tổng thể các request của website, khi test bạn nên chọn local là Úc hay Nhật bản để test

3. PageSpeed Insights
phương tiện này để check chơi thôi, dù của anh gồ nhưng nó không đích thực chuẩn xác 😀 – Nhiều khi điểm xanh lè mà tốc độ thực khá chậm và ngược lại :v Ngoài ra bạn cũng có thể sử dụng dụng cụ dareboost để check, mình thấy nó đưa ra các đề xuất để fix khá


Tốc độ tải website
Tốc độ tải website

Kết luận: Bạn nên sử dụng Chrome để test tốc độ website vì nó cho kết quả chính xác nhất

Hy vọng vài thông tin sẻ giúp tích cho bạn, chúc thành công!

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 *