Để 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 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.
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
– 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 – 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
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
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
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!
