Website nặng bao nhiêu là vừa phải? Cách HAYWEB cân lại trang nhà.

Chủ tiệm vừa nghe tin website nặng khách sẽ bỏ đi, vừa mở bản dựng ra xem. Trên màn hình hiện lên một tệp mã chạy nặng 627 KB, con số ấy khiến ông ta phải giật mình. Với người không rành kỹ thuật, số này quả thực đáng sợ, như một lời cảnh báo về sự chậm chạp và khó chịu của website.

Người ta thường đo kích thước website sau khi giải nén, nhưng máy chủ lại gửi tệp ở dạng đã nén. Trang hayweb.vn có tệp tải về 165 KB nhưng sau khi giải nén lên đến 627 KB, tức là lớn hơn gần bốn lần. Để biết chính xác kích thước trang, cần cân đúng số liệu tải về.

Cân một trang là cân gì?

Trả lời ngắn:Một trang có hai con số, tải về và giải nén, chúng khác nhau.

Tải về và giải nén

Một trang có hai con số dung lượng, số đầu tiên là byte thật sự tải về qua mạng, số thứ hai là byte sau khi giải nén mà máy phải bung ra rồi đọc và chạy. Người ta thường trích cỡ tệp nhìn thấy trong bản dựng, nhưng cỡ trong bản dựng là cỡ giải nén, không phải cỡ tải về. Trích nhầm số ấy là nói quá gánh nặng của khách lên nhiều lần. Muốn nói đúng thì phải nói rõ đang nói con số nào. Hai số này luôn đi cùng nhau, không thay thế nhau được, bỏ qua một trong hai là mất một nửa bức tranh.

Tại sao hai số lệch nhau

Khi máy chủ gửi tệp ở dạng đã nén để đỡ tốn mạng, trình duyệt nhận xong mới bung tệp ra, cỡ tải về quyết định khách phải chờ bao lâu trên mạng chậm, cỡ giải nén quyết định máy phải làm việc bao nhiêu sau khi tải xong, máy yếu thì cỡ giải nén mới là thứ làm trang giật, mạng chậm thì cỡ tải về mới là thứ làm khách chờ, hai loại khách gặp hai loại vấn đề khác nhau, nên một con số không nói hết được trải nghiệm của cả hai.

Số tệp trên trang

Số tệp là con số thứ ba, tách riêng khỏi hai con số kia, mỗi tệp là một lượt đi hỏi máy chủ, mỗi lượt hỏi đều mất thời gian đi và về, nhiều tệp nhỏ vẫn chậm hơn ít tệp lớn khi mạng có độ trễ cao, HAYWEB cân được trung bình 18,7 tệp một trang, con số ấy nghe không lớn nhưng cộng dồn độ trễ thì thấy. Giảm số tệp là hướng riêng, không thay được việc giảm dung lượng, gộp vài tệp nhỏ lại là cách thường dùng, nhưng gộp quá tay thì mất khả năng tải lẻ từng phần, nên cân giữa số tệp và cỡ mỗi tệp, con số 18,7 tệp một trang là mức bình thường chứ không phải mức xấu.

Mã chạy thực sự làm nặng trang

Trả lời ngắn:Mã chạy chiếm 54,2% lượng tải về, phông chữ 21,5%, ảnh chỉ 13,7%.

Mã nén nhẹ hơn trên website

Mã chạy chiếm 54,2% lượng tải về, phần lớn nhất trong các loại. Nó nén được 3,4 lần nên cỡ giải nén của nó lớn hơn cỡ tải về nhiều. Đây là loại vừa nặng đường mạng vừa nặng việc cho máy. Cắt được mã chạy là cắt được cả hai đầu nhưng cắt mã chạy khó hơn cắt ảnh hay phông chữ vì phải biết phần nào của mã đang không được dùng tới. Muốn biết thì phải mở công cụ đo phần mã chưa chạy. Công việc này thường phải nhờ người dựng website. Nhưng nó là chỗ đổi được nhiều nhất vì chiếm hơn một nửa lượng tải về.

Phông chữ website gần như không nén thêm

Phông chữ chiếm 21,5% lượng tải về, đứng thứ hai trong danh sách các tệp tải về. Nó nén được 1,0 lần, tức gần như không nén thêm được gì nữa. Lý do là bản thân tệp phông đã nén sẵn từ trước, nên nén lại thứ đã nén thì không ăn thua. Do đó, với phông chữ, cách giảm duy nhất là cắt bớt số kiểu chữ và số độ đậm. Mỗi độ đậm là một tệp riêng phải tải về, vì vậy cắt bớt số độ đậm cũng là cách giảm thẳng nhất.

Nén bảng kiểu hiệu quả nhất

Bảng kiểu chỉ chiếm 6,9% lượng tải về nhưng nó nén được tới 4,8 lần, tốt nhất trong các loại đã đo được, nghĩa là cỡ gốc của nó lớn hơn nhiều so với thứ đi qua mạng, đây là loại được lợi nhất từ việc bật nén, nếu máy chủ chưa bật nén thì bảng kiểu là chỗ mất mát lớn nhất, ngược lại khi đã bật nén thì đây không còn là chỗ đáng cắt.

Ảnh đã nén gần hết mức

Ảnh chỉ chiếm 13,7% lượng tải về, không nén thêm được, đứng thứ ba, không phải nguyên nhân chính. Cắt ảnh vẫn cần thiết nhưng đừng nghĩ cắt xong trang sẽ nhẹ hẳn, thứ tự cắt nên dựa trên phần trăm tải về, nhiều người cắt ảnh trước vì dễ nhìn thấy, còn mã chạy không nhìn thấy nên thường bị bỏ qua, nhưng con số cho thấy thực tế khác, mã chạy chiếm 54,2%, lớn nhất.

Kết quả tự cân HAYWEB

Trả lời ngắn:Trung bình mỗi trang tải về 560 KB nhưng giải nén ra 1.442 KB.

Cân bằng website bằng trình duyệt thật

HAYWEB tự cân trên chính website mình ngày 25/08/2026 bằng trình duyệt thật, không đoán từ mã nguồn, trên màn hình có kích thước 390 nhân 844, tức là khổ điện thoại phổ biến. Để đo đúng lượt tải đầu tiên, họ tắt bộ nhớ đệm, nếu không tắt đệm thì con số đo ra sẽ là lượt tải thứ hai. Họ cân 6 trang thuộc nhiều loại khác nhau như trang chủ, trang danh mục, một bài viết, trang dịch vụ, trang liên hệ và trang hồ sơ. Chọn nhiều loại để tránh kết luận từ một trang duy nhất. Đây là số nhà của HAYWEB, không phải thống kê ngành. Ai muốn kiểm lại thì cân chính website mình theo cùng cách.

Lượng tải và giải nén trung bình

Trung bình mỗi trang có 18,7 tệp, trang tải về 560 KB, giải nén ra 1.442 KB, tỉ lệ nén chung là 2,6 lần, nghĩa là thứ khách tải về chỉ bằng khoảng một phần ba thứ máy phải đọc, nhìn con số giải nén mà tưởng là con số mạng thì sai gấp hơn hai lần, hai con số này phải đi cùng nhau khi báo cáo. Báo một số mà không nói là số nào thì người nghe hiểu sai, ghi rõ đang nói con số nào là việc nhỏ nhưng tránh được hiểu lầm lớn.

Đồng đều kích thước website

Trang nhẹ nhất tải về 452 KB, trang nặng nhất tải về 629 KB, chênh nhau chỉ 177 KB, tức các trang khá đều nhau về cân nặng, điều đó nói rằng phần nặng nằm ở thứ dùng chung cho mọi trang, chứ không nằm ở nội dung riêng của từng trang, nên cắt phần dùng chung mới có tác dụng trên cả website. Còn cắt nội dung riêng thì chỉ nhẹ được đúng một trang, đây là chỗ quyết định nên bỏ công vào đâu, giúp cải thiện tốc độ tải trang cho toàn bộ website.

Tệp mã nén 3,8 lần gọn nhẹ website

Tệp nặng nhất là một tệp mã chạy, tệp ấy tải về chỉ 165 KB nhưng giải nén ra thành 627 KB, tức nén được 3,8 lần. Tệp này có mặt trên mọi trang được cân, nếu trích con số 627 KB rồi nói đó là thứ khách phải tải thì sai gần bốn lần. Một tệp thôi đã kể hết câu chuyện của cả bài, nó vừa là chỗ nặng nhất vừa là chỗ dễ bị nói sai nhất. Sai lầm đó xuất phát từ việc không phân biệt cỡ tệp trước và sau khi giải nén, muốn nói đúng phải ghi rõ đang đề cập đến cỡ tải về 165 KB hay cỡ giải nén 627 KB. Thiếu thông tin này, con số ấy sẽ bị hiểu sai, dẫn đến việc đánh giá không chính xác về kích thước thực sự của tệp.

Cách tự cân website như thế nào?

Trả lời ngắn:Mở công cụ, tắt bộ nhớ đệm, tải lại trang, lọc tệp, sắp xếp giảm dần.

Tắt bộ nhớ đệm trên website

Để đo chính xác lượt truy cập mới, bạn cần mở bảng công cụ của trình duyệt, chuyển sang thẻ mạng và bật chức năng tắt bộ nhớ đệm. Điều này giúp bạn nhận được số liệu lượt tải đầu, tức là lượt truy cập của khách mới. Nếu không thực hiện bước này, số liệu thu được sẽ không chính xác. Chọn chế độ giả lập điện thoại để đo lường vì phần lớn người dùng truy cập bằng điện thoại di động thay vì máy tính.

Hướng dẫn đọc byte và tài nguyên

Để kiểm tra dữ liệu trên website, bước hai là tải lại trang rồi đọc dòng tổng ở chân bảng, bảng ấy hiện cả hai con số cùng lúc, một là byte truyền đi, hai là byte tài nguyên. Đừng đọc nhầm cột, vì hai cột nói hai chuyện khác nhau, cột truyền đi là thứ đi qua mạng, cột tài nguyên là thứ sau khi bung ra, ghi lại cả hai con số chứ đừng ghi một.

Phân tích và cắt giảm tệp website

Bước ba là bấm lọc theo loại tệp trên website, lọc xong mới biết loại nào chiếm phần lớn nhất, chia theo loại mới biết nên cắt chỗ nào, nhìn con số tổng thì không biết cắt gì, thứ tự cắt nên theo phần trăm giảm dần, loại nào chiếm nhiều nhất thì cắt trước.

Sắp xếp tệp theo dung lượng

Tệp nặng thường ăn hết phần lớn ngân sách của cả trang, cắt một tệp nặng lợi hơn cắt mười tệp nhỏ, ghi lại tên tệp ấy để đưa cho người dựng website, người dựng nhìn tên tệp là biết nó thuộc phần nào, nói tên tệp cụ thể thì việc sửa rõ ràng hơn nói chung chung là trang nặng.

Giảm cân theo thứ tự nào

Để giảm cân hiệu quả, hãy thực hiện theo thứ tự từ rẻ nhất đến đắt nhất: bật nén trên máy chủ, cắt bỏ những phần không thể nén thêm, và cuối cùng là chia nhỏ mã chạy.

Kiểm tra nén trên máy chủ

Việc đầu tiên là kiểm xem máy chủ đã bật nén chưa, đây là thứ rẻ nhất và ăn ngay, nén tốt kéo mã chạy xuống 3,4 lần và kéo bảng kiểu xuống 4,8 lần, nếu chưa bật nén thì mọi việc khác đều là công cốc. Kiểm bằng cách xem tệp trả về có dòng báo đã nén hay không, dòng ấy nằm trong phần thông tin của từng tệp, thấy chữ báo nén là yên tâm, không thấy thì phải bật, bật nén là việc của bên giữ máy chủ, không phải việc sửa giao diện, nên đây cũng là việc nhờ được người khác làm nhanh nhất.

Giảm kích thước ảnh trước khi tải

Việc thứ hai là cắt bỏ những phần không thể nén thêm được, đó là phông chữ và ảnh. Với phông chữ, giảm số lượng kiểu chữ và độ đậm giúp giảm dung lượng trực tiếp, mỗi độ đậm lại là một tệp riêng cần tải về. Với ảnh, chuyển sang định dạng nhẹ hơn là cần thiết. Đồng thời, cắt đúng kích thước hiển thị thay vì tải ảnh lớn rồi thu nhỏ bằng mã cũng giúp tiết kiệm dung lượng.

Chia nhỏ mã thực thi sau cùng

Việc thứ ba mới là chia nhỏ mã chạy để trang chỉ tải phần nó cần, phần nào chưa dùng tới thì để tải sau. Việc này tốn công nhất trong ba việc nên dù phức tạp cũng phải làm sau cùng, đừng làm trước hai việc kia. Làm ngược thứ tự là tốn công mà không thấy đổi bao nhiêu, hai việc đầu làm xong thường đã thấy khác rõ. Lúc ấy mới tính xem có cần đụng tới việc thứ ba không.

Câu hỏi thường gặp về dung lượng một trang website

Hỏi: Bao nhiêu kilobyte một trang thì gọi là nhẹ?

Đáp: HAYWEB không có một con số chuẩn chung để nêu, vì mức độ nhẹ của trang còn tuỳ thuộc vào mục đích sử dụng và chất lượng kết nối mạng của người dùng.

Hỏi: Vì sao cùng một trang mà mỗi công cụ báo một con số khác nhau?

Đáp: Vì một số công cụ báo kích thước tải về, trong khi số khác báo kích thước sau khi giải nén, dẫn đến sự chênh lệch.

Hỏi: Website dùng khuôn có sẵn thì cân được không?

Đáp: Cân được, cách cân không thay đổi, dù website sử dụng khuôn có sẵn hay không.

Hỏi: Cắt ảnh đi thì trang có nhẹ hẳn không?

Đáp: Cắt ảnh giúp nhẹ hơn, nhưng ảnh chỉ chiếm 13,7% lượng tải về. Mã chạy chiếm 54,2%, nên xem mã trước rồi mới tới ảnh.

Hỏi: Bao lâu nên cân lại một lần?

Đáp: Nên cân sau mỗi lần thêm tính năng hoặc đổi giao diện, vì không có con số ngày chuẩn để nêu.

Bắt đầu với gì trên website HAYWEB

hôm nay bạn hãy mở bảng công cụ, tắt bộ nhớ đệm, sau đó cân thử trang chủ và một trang bài, ghi lại hai con số về tải về và giải nén của mỗi trang.

sau đó, bạn chia theo loại tệp để biết cắt gì trước, và kiểm xem máy chủ đã bật nén chưa, việc này giúp bạn hiểu rõ hơn về cấu trúc tệp.