Top 3 công cụ kiểm tra tốc độ và hiệu suất website.
Một blog/ website có tốc độ load nhanh rất quan trọng đối với cả khách truy cập lẫn công cụ tìm kiếm. Nếu blog/ website của bạn mất quá nhiều thời gian để tải (load), bạn chắc chắn sẽ mất đi một số khách truy cập tiềm năng. Họ sẽ không bao giờ trở lại thêm một lần nào nữa. Tăng tốc độ load có thể làm giảm đáng kể bounce rate cho blog/ website của bạn và làm tăng tỉ lệ chuyển đổi (conversion rate). Nó cũng là một yếu tố quan trọng trong xếp hạng tìm kiếm của Google. Google luôn cố gắng để cung cấp kết quả tìm kiếm tốt nhất cho người dùng và các blog/ website có tốc độ load chậm thường không được xếp vào loại tốt nhất. Bạn có thể tìm hiểu thêm ở đây.
Tham khảo thêm:
- Minify HTML, JavaScript và CSS trong WordPress không cần plugin
- Loại bỏ query string trong WordPress không cần dùng plugin
Tốc độ load và hiệu suất blog/ website của bạn phụ thuộc vào nhiều thứ: vị trí đặt server, cấu hình của server, khả năng tối ưu của host, kích thước của blog/ website, công nghệ được sử dụng để xây dựng các blog/ website, số lượng các tập tin hình ảnh, CSS, JavaScript…
Trước khi tìm biện pháp giảm thời gian tải, bạn cần phải biết những nguyên nhân gì gây ra vấn đề và những vấn đề gì cần phải được tối ưu hóa. Vì vậy, trong bài viết này, tôi sẽ giới thiệu tới các bạn những công cụ để kiểm tra tốc độ và hiệu suất blog/ website tốt nhất.
Những công cụ kiểm tra tốc độ load blog/ website tốt nhất
1. Google PageSpeed Insights
Đây là một công cụ kiểm tra hiệu suất website từ các nhà phát triển của Google. Công cụ này sẽ hiển thị trạng thái, hiệu suất hoạt động của blog/ website và hướng dẫn cho bạn cách để cải thiện nó.
Truy cập: https://developers.google.com/speed/pagespeed/insights. Nhập URL blog/ website của bạn và click vào nút “Phân tích“.
Bây giờ bạn sẽ thấy thông báo này trên màn hình – “Đang phân tích“. Nó sẽ mất vài giây để phân tích blog/website của bạn. Sau đó, các kết quả phân tích sẽ được hiển thị giống như hình dưới đây.
Google sẽ cung cấp một số điểm tổng thể về hiệu suất website của bạn. Tôi đã nhận được 80 trong tổng số 100 điểm, một số điểm ở mức trung bình. Ngay bên dưới là những đề xuất khắc phục từ PageSpeed Insights, gồm những việc bạn cần phải làm để hiệu suất website tốt hơn. Bạn cũng có thể tìm thấy những tiêu chuẩn mà bạn đã đạt được.
2. Pingdom Website Speed Test
Đây là một công cụ tốt để kiểm tra tốc độ và hiệu suất website. Có một số tính năng bổ sung mà bạn sẽ không tìm thấy trong Google PageSpeed Insights.
Truy cập: http://tools.pingdom.com/. Nhập URL blog/ website của bạn. Click vào nút Settings bên dưới để chọn các thiết lập bổ sung. Cuối cùng, click vào nút Test Now.
Quá trình test bắt đầu và bạn sẽ thấy thông báo này – “Hang on, starting test…“. Sau đó, bạn có thể theo dõi diễn biến của quá trình test.
Sau khi hoàn tất, bạn sẽ nhận được kết quả, trông như hình bên dưới.
Giống như PageSpeed Insights, Pingdom cung cấp cho bạn một số điểm. Tôi chỉ nhận được 69 trong tổng số 100. Có lẽ do hosting mà tôi đang dùng có server đặt tại Việt Nam nên tốc độ load tại Mỹ hơi chậm. Chúng cũng hiển thị kích thước website và số lượng yêu cầu (request) gửi đến máy chủ.
Ngay bên dưới là phần nhận xét tổng thể. Blog của tôi nhanh hơn 54% so với tất cả các blog/ website đã thử nghiệm. Bạn cũng sẽ thấy bốn tab – Waterfall, Performance Grade, Page Analysis và History.
- Waterfall – hiển thị kích thước của các tập tin trên website và thời gian tải của chúng.
- Performance Grade – liệt kê các yếu tố được phân tích có ảnh hưởng đến hiệu suất của website.
- Page Analysis – cho thấy lỗi máy chủ, chuyển hướng hoặc lỗi kết nối dữ liệu.
- History – nếu bạn đã kiểm tra tốc độ website bằng công cụ này trước đây, nó sẽ hiển thị lịch sử dưới dạng biểu đồ.
Lưu ý: Bạn sẽ không thể nhìn thấy tất cả các tùy chọn và thống kê nếu bạn thực hiện một private test.
3. GTmetrix Website Speed And Performance Optimization
GTmetrix là một trong những công cụ kiểm tra tốc độ yêu thích của tôi. Nó giúp phân tích chuyên sâu về các website và gợi ý làm thế nào để chúng nhanh hơn.
Truy cập: http://gtmetrix.com/ và nhập URL website của bạn. Sau đó click vào nút “Go“. Nó sẽ mất vài giây để hoàn tất việc kiểm tra website.
Sau khi kết thúc công việc, bạn có thể xem kết quả thử nghiệm cùng với các đề xuất giúp tối ưu hóa website để đạt hiệu suất tốt hơn.
Page Speed Grade là điểm tốc độ load. YSlow là phương châm hoặc phương pháp tăng tốc độ website của Yahoo. GTmetrix tận dụng nó và đề xuất các phương pháp giúp tăng tốc độ website của bạn.
Tab Timeline hiển thị thời gian tải của các tập tin. Nếu bạn đã từng kiểm tra tốc độ website trước đó thì bạn có thể tìm thấy chúng trong tab History.
Hy vọng những công cụ bên trên sẽ giúp bạn tối ưu hóa tốc độ load blog/ website của mình một cách tốt hơn. Bạn đang sử dụng một công cụ khác để kiểm tra tốc độ và hiệu suất website? Hãy chia sẻ nó với chúng tôi trong khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Blog của mình khi vào mình thấy load cũng nhanh nhưng trong Analytic thì nó báo đến 8s, hoang mang quá.
Dear anh.
cảm ơn anh về bài viết. lâu nay e muốn ktra mà không biết sao. hihi
sau chuỗi ngày nghiên cứu. đập phá cái web thì đây là thành quả khi test trên cả 3 công cụ của e: http://sv1.upsieutoc.com/2017/04/05/pro.png
Thank a Hiếu vì tất cả các bài viết của a. Còn mỗi cái CSS chặn hiển thị vẫn chưa tìm ra cách giải quyết. test thử blog của a cũng bị lỗi này kaka :P
Như lần trước mình có nói rồi đấy. Mọi thứ chỉ nên dừng lại ở mức tương đối thôi, miễn sao người dùng truy cập thấy nhanh là được. Còn max điểm test tốc độ đối với mình quá đơn giản. :)
cái google pagespeed insights lúc test xong nó có 1 cái file nén js vs css ở dưới ấy e down về xong thay cho file gốc ở theme của e có lỗi gì ko hả a :P nó nén hộ luôn tốt gê
Không nên nén trực tiếp như vậy, dễ gây lỗi chức năng. Đặc biệt là những file như style.css. :P
vậy 1 theme có nhiều cái css. css của plugin linh tinh nữa. e cop hết nội dung của mấy cái css đấy vào cùng 1 style.css thì sao hả a :D
Đó gọi là combine. Nhưng nên dùng plugin chuyên dụng sẽ tốt hơn. Vì bạn có copy vào thì plugin, theme vẫn load các file cũ thôi => nặng gấp đôi. :P
plugin nào hả a. WP rocket có nó không ạ. e đã bật cái Files optimisation HTML, google fonts với css lên rồi. có cái js bị lỗi giao diện nên ko bật đc :P
WP Rocket có. Đọc lại phần hướng dẫn cài đặt WP Rocket sẽ thấy. :P
à e thấy nó rồi. cho e hỏi nữa là wp rocket với My shortcodes có thù hằn gì với nhau không thế a. cứ activate cái my shortcodes lên là không thể lưu gì ở wp rocket đc. ấn lưu là nó load sang trang setting của short luôn. cứ phải deactivate đi lưu wp rocket xong mới bật short lên hic
Cái này hỏi thằng MyThemeShop và thằng WP Rocket nhé. Mình bó tay. :D
Trời ơi dùng cái theme thuộc hàng nhẹ nhàng nhất của mythemeshop rồi. có wp rocket. bài viết chưa viết gì. có dùng ssl của cloudflare, jetpack
điểm di động được có 62. điểm máy tính 82 hic @@
Điểm test tốc độ không phải là tất cả. Anh có thể làm điểm test tốc độ của WP Căn bản max 100 cả 3 công cụ là Google PageSpeed Insights, GTmetrix và Pingdom. Nhưng tốc độ load thực tế lại không nhanh như bây giờ. :P
Hiện anh đang dùng Plug In Cache nào nhỉ em đnag dung Rocket time đầu thấy nó load rất tốt nhưng h không hiểu sao nó load ảnh phải nói là cực chậm. Anh có thể có em ý kiến gì không ạ ??
Mình dùng WP Rocket. Nếu bạn bị lỗi load ảnh chậm thì nên bỏ tính năng lazyload đi nhé. :P
Khổ cái bỏ cái đó đi thì….tốc độ website chậm hẳn :(
Sử dụng thêm plugin lazyload khác xem sao. Unveil Lazy Load chẳng hạn. :P
Chào anh, anh vào trang này thử coi dùm em. Thayhieu.net
Phần widget bên phải ko hiểu sao chỉ dùng được có 2 mục là : Facbook Plugin và Ninja Form. Còn nếu thêm mục nữa (ví dụ Text) thì nó bị đẩy xuống cuối trang nằm dưới các bài viết.
Mong được anh chỉ giáo.
Bạn thử tắt tính năng sticky sidebar đi xem có được không? :P
Nó nằm ở mục nào thế ạ! Tìm mãi chưa ra!
http://themes.tielabs.com/docs/sahifa/#sidebar Tham khảo trong này nhé. :P
ad cho mình hỏi, trường hợp page của mình load chậm, giả sử web của mình setup trên local (offline), làm sao để đo được thời gian load của mỗi phần tử trên page, để từ đó biết đc thằng nào chiếm thời gian load lâu nhất .
Bạn thử dùng extension PageSpeed Insights dành cho Chrome ) xem có test được không? :P
ok, được rồi, cảm ơn ad :)
có pro nào hướng dẫn em cách nén js cho blogspot với
Bạn tham khảo bài này thử xem: bloggeryard.com/2013/07/compress-javascript-and-stylesheet-in-blogger.html Mình không dùng Blogspot nên không rõ lắm. :P
Ba công cụ này mình đã dùng qua, cho nhiều gợi ý hay để cải tiến tốc độ, nhưng chỉ áp dụng một số ít thôi vì nếu làm triệt để sẽ ảnh hưởng đến thiết kế của trang.
Tất nhiên rồi. Phải cân bằng giữa tốc độ và giao diện thiết kế. Không nên quá thiên về một bên nào đó. :D