Website chính là điểm chạm làm nên sự uy tín, ấn tượng đối với khách hàng của bạn. Do đó, kích thước của website là điều thật sự quan trọng. Nếu kích thước của trang càng nhỏ, thì càng tải nhanh hơn.
Theo dữ liệu thực tế từ Pingdom, Nếu mất 4 giây để tải web thì sẽ có 24% người dùng từ bỏ; Nếu mất năm giây, con số này sẽ tăng lên 38% người.
Thêm vào đó, tốc độ tải của website cũng ảnh hưởng đến thứ hạng tìm kiếm trên google. Vì trang web tải nhanh hơn sẽ đem đến sự hài lòng của người dùng nhiều hơn.
Ngoài ra ngày nay có nhiều người sử dụng điện thoại di động để tìm kiếm và khám phá website ở mọi nơi. Vì có chỗ tốc độ kết nối internet chậm khiến cho việc tải tràn có kích thước lớn trở nên khó hơn.
Chính vì vậy, để duy trì vị trí xếp hạng tìm kiếm trang tốt, doanh nghiệp cần tập trung tạo ra trải nghiệm trên website nhanh chóng, tối ưu hóa trên các thiết bị. Bài viết này sẽ giải đáp những điều bạn cần biết về kích thước và cách giảm kích thước của trang.
Kích thước website bao nhiêu là tốt?
Để giúp bạn có thể đánh giá được dung lượng của website, chúng tôi đã xem kích thước trung bình của website (trên cả desktop và mobile) trong khoảng từ 1/2/2020 đến 1/3/2020:
Kích thước của ảnh
Năm 2020, website của máy tính để bàn nặng khoảng 2080 KB. Còn website di động nặng khoảng 1885 KB. Có một sự khác biệt rõ ràng so với 2017. Khi đó, website của máy tính nặng 1532 KB, còn website di động nặng 1354 KB. Đây là kích thước trung bình của website thông thường.
Có một số website có kết hợp Video, phông chữ tùy chỉnh cùng các yếu tố khác. Một số khác lại được thiết kế tối giản với chữ đen và nền trắng.
Lưu ý rằng dung lượng website sẽ phụ thuộc ngành nghề hoặc công ty của bạn. Nếu website của bạn về thương mại điện tử thì dung lượng của nó sẽ rất lớn. Nhưng bạn nên điều chỉnh dung lượng ở mức trung bình.
Tuy nhiên, dung lượng website không phải là số liệu quan trọng nhất cần xem xét.
5 tips giảm dung lượng trang
1. Giảm kích thước và nén hình ảnh
Hình ảnh là phần chiếm nhiều dung lượng nhất trong website. Nếu bạn đang tìm cách giảm kích thước, hãy bắt đầu bằng việc giảm kích thước ảnh lớn không cần thiết.
Nhớ rằng kích thước của hình ảnh tải lên luôn phải nhỏ hơn kích thước của thùng chứa.
Ngoài kích thước hình ảnh, bạn có thể giảm dung lượng hình ảnh bằng cách nén nó xuống. Điều này sẽ giúp hình ảnh nhẹ hơn, giảm thời gian tải trang.
Công cụ nào để nén hình ảnh? TriggerM gợi ý bạn một số công cụ sau:
2. Sử dụng CSS Sprites
Chúng ta đều biết là có nhiều hình ảnh, nhất là những hình ảnh lớn làm tăng dung lượng trang và kéo dài thời gian tải trang. Điều này do mỗi hình ảnh đều yêu cầu máy chủ, làm quá trình dài hơn.
Sprite CSS là một tập hợp các hình ảnh tạo một tệp hình ảnh (theo W3School). Sử dụng CSS để hiển thị hình ảnh kết hợp bạn muốn xuất hiện. Điều này sẽ giảm số yêu cầu máy chủ xuống. Từ đó, thời gian chờ sẽ ngắn hơn.
Ví dụ A gồm các tệp hình ảnh riêng cho mỗi biểu tượng trình duyệt, tổng cộng 70,7 KB. B dùng họa tiết CSS để hiển thị các phần của hình ảnh đó cùng thông tin chính xác. Tổng kích thước của những hình ảnh đó nhỏ hơn một nửa so với A.
3. Xóa phông chữ tùy chỉnh không cần thiết
Phông chữ tùy chỉnh
Việc tạo phông chữ lạ sẽ làm nên điều khác biệt cho trang của bạn. Tuy nhiên, phông chữ tùy chỉnh có thể làm nặng website.
Đừng lo, luôn có giải pháp cho vấn đề. Nếu phông chữ tùy chỉnh cần thiết cho thiết kế website của bạn, hãy tạo tệp WOFF2.
Tuy nhiên, cách đơn giản hơn là đánh giá lại số lượng phông chữ tùy chỉnh, bớt đi những thứ không cần thiết.
4. Giảm thiểu tài nguyên
Đây là cách mà bạn nên tiếp cận để giảm thiểu tài nguyên (theo Google)
Tạo ra phiên bản tối ưu hóa mã HTML bằng công cụ PageSpeed Insights. Sử dụng phân tích này để chạy trang HTML của bạn và duyệt quy tắc ‘Giảm thiểu HTML’. Cuối cùng, nhấp vào ‘Xem nội dung được tối ưu hóa’ để truy cập mã HTML được rút gọn.
Kiểm tra bằng các công cụ:
5. Sử dụng Mạng phân phối nội dung (CDN)
Mạng lưới phân phối nội dung là một hệ thống kết nối với nhau của máy chủ bộ nhớ cache. Nó được sử dụng như một tiêu chuẩn để cung cấp nội dung website.
Có nghĩa là gì? Tại sao bạn phải quan tâm?
CDN giải quyết vấn đề này bằng cách lưu trữ các yếu tố của website ở nhiều địa điểm khắp thế giới nhằm đảm bảo mọi người đều có cảm giác công bằng khi thời gian tải trang nhanh.