Page Size Checker
Nhập URL
Kiểm tra Kích thước Trang
Công cụ miễn phí này ước tính tổng dung lượng truyền tải của một trang web — tổng trọng lượng kết hợp của HTML, CSS, tập lệnh, hình ảnh và các tài nguyên khác mà trình duyệt phải tải xuống. Hãy sử dụng công cụ này khi một trang cảm thấy chậm, sau khi thêm phương tiện (media), hoặc trong quá trình đánh giá hiệu suất cơ bản.
Chạy Kiểm tra Nhanh
- Dán URL đầy đủ của trang
- Nhấp vào kiểm tra
- Xem lại tổng kích thước (thường hiển thị bằng KB hoặc MB)
- So sánh các trang quan trọng trên trang web của bạn, không chỉ một URL duy nhất
Kích thước lớn một mình không chứng minh là có vấn đề, nhưng đó là một dấu hiệu mạnh mẽ cho thấy có thứ gì đó cần được tối ưu hóa.
“Kích thước trang” thực sự bao gồm những gì
Khi ai đó mở một URL, trình duyệt không chỉ tải xuống văn bản. Nó còn kéo theo:
- Tài liệu HTML
- Bảng định kiểu (CSS)
- Tệp JavaScript
- Hình ảnh và biểu tượng
- Phông chữ (Fonts)
- Phương tiện nhúng
- Tập lệnh của bên thứ ba (phân tích, quảng cáo, tiện ích, công cụ trò chuyện)
Kích thước trang là tổng của các tài nguyên đó. Các trang nặng hơn thường mất nhiều thời gian hơn để có thể sử dụng được, đặc biệt là trên mạng di động.
Tại sao Trọng lượng Trang ảnh hưởng đến Người dùng Thực tế
Các trang chậm làm lãng phí sự tập trung.
Khách truy cập trên điện thoại, kết nối yếu hoặc gói dữ liệu hạn chế sẽ cảm nhận được tác động đầu tiên. Ngay cả trên Wi-Fi tốc độ cao, hình ảnh quá khổ và quá nhiều tập lệnh cũng có thể làm chậm quá trình tương tác.
Từ góc độ kinh doanh và SEO, trọng lượng trang dư thừa thường biểu hiện qua:
- Tỷ lệ thoát cao hơn
- Trải nghiệm di động kém hơn
- Tỷ lệ chuyển đổi thấp hơn trên các trang quan trọng
- Khó đạt được các mục tiêu hiệu suất hơn (bao gồm cả các số liệu liên quan đến Core Web Vitals)
Công cụ tìm kiếm không xếp hạng “trang nhỏ” chỉ vì bản thân nó nhỏ — nhưng tốc độ và khả năng sử dụng rất quan trọng, và kích thước trang là một trong những đòn bẩy ảnh hưởng đến cả hai điều đó.
Điều gì thường làm cho một Trang quá Nặng
| Nguyên nhân phổ biến | Tại sao nó làm tăng trọng lượng |
|---|---|
| Hình ảnh chưa được tối ưu hóa | Ảnh kích thước đầy đủ được tải lên mà không nén |
| Quá nhiều tập lệnh | Trình theo dõi, thẻ, băng chuyền và JS không sử dụng |
| Video nhúng lớn | Phương tiện tự động phát hoặc có tốc độ bit cao |
| Giao diện/Plugin cồng kềnh | CSS/JS bổ sung được tải trên mọi trang |
| Mã chưa được thu nhỏ (Unminified code) | CSS/JS lớn hơn mức cần thiết |
| Nhiều tệp phông chữ | Nhiều độ đậm và họ phông được tải cùng lúc |
Trong thực tế, hình ảnh và tập lệnh của bên thứ ba là những thủ phạm thường xuyên nhất.
Mục tiêu Kích thước Thực tế (Hướng dẫn, Không phải Quy tắc)
Không có một con số hoàn hảo duy nhất cho mọi trang web. Ngữ cảnh rất quan trọng — danh mục đầu tư ảnh sẽ nặng hơn một bài viết văn bản.
Tuy nhiên, các hướng dẫn làm việc hữu ích là:
- Giữ các trang đích (landing page) chính gọn gàng nhất có thể một cách hợp lý
- Coi các trang có dung lượng nhiều MB là dấu hiệu cảnh báo trừ khi phương tiện đó là thiết yếu
- Kiểm tra lại sau khi thực hiện các thay đổi lớn về thiết kế, plugin hoặc nội dung
- So sánh các loại trang tương tự (ví dụ: tất cả các bài viết blog, tất cả các trang sản phẩm)
Nếu một trang sản phẩm nặng hơn đáng kể so với các trang khác, hãy kiểm tra xem những gì đã được thêm vào.
Cách Giảm Kích thước Trang mà Không Làm hỏng Thiết kế
- Nén và thay đổi kích thước hình ảnh trước khi tải lên; ưu tiên các định dạng hiện đại như WebP khi được hỗ trợ
- Tải chậm (Lazy-load) hình ảnh nằm bên dưới màn hình đầu tiên (below-the-fold) và phương tiện không quan trọng
- Xóa các plugin/tập lệnh không sử dụng tải trên toàn trang
- Thu nhỏ CSS và JavaScript và tránh tải các thư viện bạn không sử dụng
- Hạn chế các thẻ của bên thứ ba ở mức thực sự cần thiết
- Lưu trữ phông chữ hiệu quả và chỉ tải những độ đậm bạn sử dụng
- Kiểm tra các nội dung nhúng — một tiện ích nặng có thể làm lu mờ sự tối ưu hóa cẩn thận ở nơi khác
Sau mỗi thay đổi có ý nghĩa, hãy chạy lại trình kiểm tra trên cùng một URL.
Kích thước Trang so với Kiểm tra Tốc độ Đầy đủ
Công cụ này tập trung vào việc trang nặng đến mức nào.
Kiểm tra tốc độ đầy đủ (dữ liệu phòng thí nghiệm hoặc thực tế) cũng xem xét các số liệu về thời gian, kết xuất (rendering) và tương tác. Hãy sử dụng cả hai:
- Trình kiểm tra kích thước trang → tìm vấn đề về trọng lượng nhanh chóng
- Các công cụ tốc độ / PageSpeed → hiểu thời gian tải và các số liệu hướng đến người dùng
Trọng lượng thường là nơi dễ bắt đầu nhất vì các bản sửa lỗi rất cụ thể.
Câu hỏi thường gặp (FAQ)
Công cụ Kiểm tra Kích thước Trang có miễn phí không?
Có. Không cần đăng ký.
Trang nhỏ hơn có luôn xếp hạng tốt hơn không?
Không tự động như vậy. Các trang nhỏ hơn thường tải nhanh hơn, và hiệu suất tốt hơn có thể hỗ trợ SEO và chuyển đổi — nhưng chất lượng và mức độ liên quan của nội dung vẫn rất quan trọng.
Tại sao trang của tôi lớn hơn dự kiến?
Thường là do hình ảnh, video hoặc tập lệnh của bên thứ ba. Kiểm tra xem những gì đã được thêm vào gần đây.
Tôi có thể tin tưởng hoàn toàn vào một phép đo không?
Hãy coi đó là một ước tính hữu ích. Bộ nhớ đệm (caching), hành vi của CDN và nội dung động có thể gây ra những biến đổi nhỏ.
Mọi trang có nên nhỏ nhất có thể không?
Hãy hướng đến sự hiệu quả, không phải sự trống rỗng. Giữ lại phương tiện cần thiết; cắt bỏ những thứ lãng phí.
Các công cụ liên quan
- Trình kiểm tra PageSpeed Insights
- Trình kiểm tra Trạng thái Máy chủ
- Trình mô phỏng Độ phân giải Màn hình Trang web
- Lấy Mã nguồn của Trang web
- Công cụ Phân tích Liên kết
Lưu ý: Kết quả phản ánh các tài nguyên được phát hiện tại thời điểm kiểm tra. Nội dung được tải động và tài sản cá nhân hóa có thể làm thay đổi trọng lượng cuối cùng mà người dùng trải nghiệm trên trình duyệt thực tế.