Chúng ta hãy cùng tìm hiểu những việc cần biết và nên làm với website để tiết kiệm dung lượng mà vẫn đảm bảo không ảnh hưởng đến sự vận hành của website.
1. Chọn một máy chủ web (Hosting) nhanh
Vấn đề chính của bất kỳ website là do lưu trữ (hosting). Sử dụng máy chủ chậm tương tự như có một tòa nhà lớn trên nền móng thiếu chắc chắn. Bạn sẽ không bao giờ biết khi nào nó sẽ đổ, nguy hiểm từ trong suy nghĩ.
Bởi vì nhiều công ty cung cấp dịch vụ lưu trữ trang web giá rẻ và phân bổ tài nguyên của họ cho tài khoản lưu trữ trên mỗi máy chủ kém nên bạn sẽ phải luôn thận trọng khi chọn máy chủ lưu trữ trang web của mình.
2. Tối ưu hóa hình ảnh cho website
Theo số liệu thống kê thì hình ảnh chiếm trung bình 70% tổng dung lượng trên web. Vì vậy việc tối ưu hình ảnh đóng góp rất lớn tới việc giảm dung lượng cho website.
Với hình ảnh, bạn cần chú ý 3 điều: kích thước, định dạng và thuộc tính src:
- Kích thước: Crop hình đúng kích cỡ trang web của bạn, giảm độ sâu màu sắc (color depth) đến mức thấp nhất nhưng vẫn đảm bảo chấp nhận được, xóa bỏ những comment ảnh.
- Định dạng ảnh: JPEG được khuyến cáo sử dụng, ưu tiên chất lượng cao và độ nén khoảng 65 - 70% tạo ra sự cân bằng tốt.
- Thuộc tính src:
+ Khi đã chọn đúng kích thước, định dạng thì mã code hình ảnh cũng phải đúng. Tránh để mã hình ảnh bị rỗng.
+ Trong HTML, mã cho một hình ảnh bao gồm:
+ Khi mã hình ảnh không có thuộc tính src, trình duyệt sẽ yêu cầu chỉ dẫn về thư mục của trang. Điều này dẫn đến tăng thêm lưu lượng không cần thiết vào máy chủ và thậm chí người dùng nhận được thống báo dữ liệu hình ảnh bị hỏng.
+ Các công cụ trực tuyến giúp bạn nén trọng lượng hình ảnh một cách dễ dàng: TinyPNG, Compressor.
+ Để tối ưu hóa nâng cao hơn, bạn sẽ cần phải sử dụng Photoshop, Illustrator hoặc Fireworks để lưu các tệp hình ảnh.
3. Giảm thiểu các yêu cầu của HTTP
Cách nhanh nhất để cải thiện tốc độ trang là đơn giản thiết kế của bạn: Sắp xếp số lượng các yếu tố trên trang, sử dụng CSS, kết hợp nhiều stylesheets thành một, giảm tập lệnh và đặt chúng cuối trang
Luôn luôn nhớ, khi nói đến trang web, phải làm cho nó thật nhẹ nhàng.
4. Giảm thời gian phản hồi của máy chủ
Mục tiêu của bạn là thời gian phản hồi từ máy chủ phải dưới 200ms (mili giây). Và nếu bạn bạn muốn đạt được điều này thì hãy làm theo mẹo sau.
Bạn có thể sử dụng công cụ Yslow để đánh giá tốc độ trang web và nhận các mẹo về cách cải thiện hiệu suất. Hoặc PageSpeed của Google để tìm hiểu thêm về hiệu suất tốc độ thực tế.
5. Bật chế độ nén Gzip
Trang nội dung chất lượng cao thường có dung lượng 100kb trở lên. Chính vì nó quá lớn nên tốc độ tải dữ liệu để hiển thị chậm. Cách tốt nhất là nén chúng lại.
Nén giúp giảm băng thông của trang, giảm phản hồi từ HTTP. Bạn có thể thực hiện việc này bằng công cụ Gzip. Hầu hết các máy chủ có thể nén các tệp ở định dạng Gzip.
Theo Yahoo, điều này có thể làm giảm thời gian tải trang xuống khoảng 70%. Vì 90% lưu lượng Internet ngày nay đều đi qua các trình duyệt hỗ trợ Gzip. Nên đây là cách tuyệt vời để tăng tốc độ tải trang.
6. Bật bộ nhớ đệm của trình duyệt
Khi đã truy cập một trang web, các thành phần trên trang bạn truy cập sẽ được tự động lưu trữ trong bộ nhớ đệm (còn gọi là bộ nhớ tạm thời) nếu bạn có bật bộ nhớ đệm của trình duyệt.
Khi trang đã được tải và các thành phần khác nhau được lưu trữ trong bộ nhớ cache của người dùng, chỉ cần tải xuống một vài thành phần cho lần truy cập tiếp theo.
Vì vậy, lần truy cập thứ 2 trở đi, trình duyệt có thể tải trang rất nhanh do không cần gửi yêu cầu HTTP mới tới máy chủ.7
7. Giảm thiểu HTML, CSS và Javascrip
Dưới đây là đề xuất của Google để giảm thiểu HTML, CSS và Javascrip:
- Để giảm thiểu CSS, bạn có thể dùng thử
cssmin.js.
8. Tối ưu CSS Delivery
Cơ chế hiển thị thông tin theo 2 cách sau: 1 tập tin bên ngoài (chèn vào đầu HTML) và 1 tập tin bên trong (chèn vào trong HTML).
CSS bên ngoài có mẫu như sau:
<!—Your styles –>
<link rel=”stylesheet” type=”text/css” media=”all” href=http://yourURL/style.css />
CSS bên trong có mẫu như sau:
Khuyên bạn nên sử dụng CSS bên ngoài. Vì nó có thể làm giảm kích thước, dung lượng và ít tạo ra mã trùng lặp.
9. Ưu tiên nội dung lên đầu trang
Khi sử dụng CSS bên ngoài, bạn nên kết hợp ưu tiên nội dung lên đầu trang. Cố gắng loại bỏ Javascript và CSS chặn kết xuất nội dung trong màn hình đầu tiên.
Khi trình duyệt tải một trang web, tài nguyên JavaScript và CSS thường ngăn trang web hiển thị cho đến khi chúng được trình duyệt tải xuống và xử lý.
Điểm bất cập, nhiều tài nguyên CSS và JavaScript là có điều kiện, chỉ được áp dụng trong các trường hợp cụ thể hoặc đơn giản là không cần thiết để hiển thị nội dung trong màn hình đầu tiên.
Để tạo trải nghiệm nhanh nhất có thể cho người dùng của bạn, bạn nên cố gắng loại bỏ mọi tài nguyên chặn kết xuất không cần thiết để hiển thị nội dung trong màn hình đầu tiên.
10. Giảm số plugin bạn sử dụng trên trang
Quá nhiều plugin làm chậm trang web của bạn, gặp phải nhiều vấn đề bảo mật và xảy ra các sự cố khó xử lý. Hãy mạnh dạn hủy kích hoạt và xóa plugin không cần thiết. Sau đó loại bỏ bất kỳ plugin nào làm chậm tốc độ trang web của bạn.
11. Giảm chuyển hướng
Chuyển hướng nghĩa là sẽ có nhiều yêu cầu gửi đến HTTP. Nên nhất định tăng thời gian tải trang. Google khuyến cáo nên:
+ Sử dụng chuyển hướng HTTP để đưa người dùng đến phiên bản di động. Không sử dụng thêm một chuyển hướng trung gian khác.
+ Thêm liên kết <link rel=”alternate”> trên desktop để Googlebot có thể khám phá, đọc URL phiên bản di động.
12. Tối ưu hóa cơ sở dữ liệu
Cơ sở dữ liệu (database) sử dụng ổ cứng trên host để lưu nên database càng lớn thì càng tốn dung lượng lưu trữ và khi backup website thì nó sẽ lưu vào bản backup, khiến cho tổng dung lượng của web lại càng tăng lên.
Vì vậy, bạn phải đảm bảo việc loại bỏ dữ liệu rác và nội dung vô dụng khỏi cơ sở dữ liệu lộn xộn, thu nhỏ kích thước để giúp máy chủ lưu trữ trang web dễ dàng lấy nội dung được yêu cầu một cách hiệu quả, trong chu kỳ xử lý tối thiểu.
13. Sử dụng SSL
Với HTTPS, dữ liệu được mã hóa trong quá trình theo cả hai hướng: đi và đến từ máy chủ gốc. Giao thức giữ thông tin liên lạc an toàn để các bên độc hại không thể quan sát dữ liệu nào được gửi.
HTTPS hiện hoạt động với HTTP/2, cho phép kết nối nhanh hơn so với giao thức HTTP thông thường.
Một lợi ích khác của việc cài đặt chứng chỉ SSL là cải thiện SEO trong bảng xếp hạng mà trang web của bạn sẽ nhận được.
14. Lưu trữ tất cả các phương tiện truyền thông trên các dịch vụ ngoài
Video, hình ảnh, tệp nhạc và các gói có thể tải xuống có thể được tải lên YouTube, Photobucket hoặc MediaFire. Xin lưu ý rằng các tệp này là một yếu tố chính khiến cho hosting bị hao tốn dung lượng.
15. Loại bỏ các tệp nhật ký (file log)
Các tệp nhật ký rất hữu ích vì chúng cho phép bạn theo dõi hoạt động của tài khoản lưu trữ trong khi bạn sử dụng, nhưng không có lý do gì để nó tồn tại lâu dài trên máy chủ. Khi bạn đã tải xuống và xem lại tệp nhật ký, bạn có thể xóa chúng một cách an toàn và giải phóng cho hosting.
16. Loại bỏ các cài đặt cũ/không sử dụng
Không có điểm gì để giữ các tệp này trên máy chủ. Các phiên bản mã lệnh cũ và tệp 'ma' từ các cài đặt bị xóa chỉ chiếm dung lượng đĩa và không phục vụ cho nhu cầu trang web của bạn, do đó, hãy loại bỏ chúng.
17. Loại bỏ bản sao lưu cài đặt
Các tập lệnh như WordPress và phpBB để lại các bản sao lưu trên máy chủ tại mỗi lần nâng cấp. Các tệp này, thường ở định dạng nén .zip hoặc .tar.gz, chỉ hữu ích nếu bạn cần phải cài đặt lại bất cứ thứ gì bị mất khi nâng cấp hoặc nếu bạn muốn khôi phục lại phiên bản cũ. Tuy nhiên nếu bạn không cần thì cứ việc loại bỏ thẳng tay.
18. Loại bỏ các tập tin doc cài đặt
Khi bạn cài đặt một kịch bản, thủ công hoặc thông qua trình cài đặt cấu hình sẵn của máy chủ lưu trữ (ví dụ: Fantastico, Softaculous), thủ tục sẽ sao chép thư mục 'doc' (hoặc tên khác) có chứa một hướng dẫn sử dụng. Mặc dù hướng dẫn này có thể là tài liệu tham khảo hữu ích, nhưng nó không cần thiết để có thể hoạt động hosting bình thường, do đó bạn có thể xóa nó một cách an toàn và giải phóng một số . Bạn nên giữ các tệp README.txt và license.txt của bạn, trong trường hợp tác giả yêu cầu họ sử dụng hợp pháp kịch bản.
19. Không cho phép người dùng tải lên
Nếu mẹo # 8 đề xuất không nên lưu trữ đa phương tiện trên máy chủ, thì mẹo 13 đề xuất việc bạn không nên cho phép người dùng upload gì lên hosting. Không cho phép người đọc blog của bạn hoặc người dùng trên diễn đàn tải ảnh và video lên. Không gian đĩa và băng thông của bạn sẽ có nhiều diện tích hơn.
20. Sử dụng các dịch vụ đám mây cho các tập lệnh phổ biến (Ví dụ: jQuery)
Có một số nhà cung cấp mà bạn có thể sử dụng - Google là một ví dụ - chứa các thư viện JavaScript phổ biến nhất trên các máy chủ của chính họ. Vì bạn không còn lưu trữ các thư viện nữa, bạn sẽ kiếm được thêm Kb (hoặc MB) và, nhờ các chức năng bộ nhớ đệm của các dịch vụ, tối ưu hóa thời gian tải tập lệnh cho trải nghiệm người dùng được cải thiện.
22. Loại bỏ Flash trên trang
Không sử dụng Flash để đưa video vào các trang web của bạn: Nó sẽ gây hao tốn tài nguyên cho hosting. Bạn có thể thay vào đó là thẻ video HTML5, có kích thước nhẹ hơn và hiệu quả tương đương.
Trên đây là 22 các cách giảm dung lượng website trên đều đã được sử dụng nhưng vẫn không đem lại hiệu quả thì chỉ còn cách nâng cấp gói dung lượng hosting lên thêm.
Tuy nhiên bạn cũng không cần phải quá lo lắng hiện nay sharecode.vn cung cấp dịch vụ hosting chất lượng cao không giới hạn dung lượng và băng thông, để biết thêm chi tiết có thể xem thêm tại:
https://sharecode.vn/hosting-ssd.htm