Tăng tốc độ tải của website bằng cách bật nén Gzip

Bạn muốn tăng tốc độ tải website của mình? Một trong các cách tốt nhất đề tăng tốc website của bạn đó chính là nén Gzip. Và các website hàng đầu trên thế giới đều nén Gzip để tăng tốc độ tải trang. Vậy trước khi muốn sử dụng cách này thì bạn cần phải tìm hiểu rốt cuộc nén Gzip là gì? Tại bài viết này, Passionery sẽ giải thích về ích lợi của việc nén Gzip và các cách tăng tốc website với nén Gzip.

Nén Gzip (Gzip Compression) là gì?

Nén Gzip là một công nghệ nén dữ liệu ở phía máy chủ (server) dùng để làm giảm dung lượng của trang web so với dung lượng gốc trước khi trang web được gửi đến người truy cập (nó giống như việc chúng ta dùng Winrar để nén tập tin vậy!.

Sau khi trang web được nén được gửi lại trình duyệt của người truy cập thì nó sẽ tự động được giải nén và hiển thị trên trình duyệt của họ. Nén Gzip có thể làm giảm dung lượng của trang web lên tới 50% hoặc 70%, điều này có nghĩa là tốc độ tải của website của bạn sẽ nhanh hơn và sẽ giúp bạn tiết kiệm được nhiều băng thông hơn.

Sau đây là các cách mà bạn có thể áp dụng cho website của mình tùy vào máy chủ và mã nguồn của website của bạn.

Bật nén Gzip cho Apache

Đối với Apache, bạn bật Gzip bằng cách chỉnh sửa tập tin .htacess ở trong web host/server của bạn. Tập tin .htaccess là một tập tin quan trọng, vì vậy bạn nên sao lưu tập tin này trước khi chỉnh sửa.

Bạn thêm đoạn code bên dưới vào tập tin .htaccess

[code type="Apache"]<ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </ifModule>[/code]

Nếu đoạn code trên không hoạt động, bạn hãy xoá nó đi và thử đoạn code dưới đây

[code type="Apache"]AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript[/code]

Bật nén Gzip cho NGINX

Đối với NGINX, bạn tạo một tập tin cấu hình mới (ví dụ gzip.conf) trong thư mục /etc/nginx/conf.d/ của NGINX, mở lên và thêm đoạn code sau vào

[code type="Nginx"]gzip on; gzip_comp_level 2; gzip_http_version 1.0; gzip_proxied any; gzip_min_length 1100; gzip_buffers 16 8k; gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript; gzip_disable "MSIE [1-6].(?!.*SV1)"; gzip_vary on;[/code]

Sau khi đã thêm đoạn code trên vào thì bạn khởi động lại máy chủ để áp dụng thay đổi. Nếu bạn dùng SSH để kết nối vào máy chủ thì có thể dùng lệnh sudo service nginx restart để khởi động lại máy chủ.

Bật nén Gzip cho Wordpress

Mặc dù bạn có thể bật nén Gzip bằng cách chỉnh sửa tập tin .htaccess, nhưng Wordpress cũng cung cấp sẵn tuỳ chọn này ngay trong Dashboard.

1. Đăng nhập vào Wordpress, sau đó truy cập vào http://<ten_mien_cua_ban>/wp-admin/options.php
2. Tìm đến mục gzipcompression
3. Thay đổi giá trị của mục này thành 1 để bật Gzip lên

Bật nén Gzip cho Joomla

Giống như Wordpress, Joomla cũng cung cấp sẵn cho bạn tuỳ chọn này, để bật tuỳ chọn này trong Joomla, bạn vào Site ➜ chọn Global Configuration ➜ chuyển qua tab Server ➜ tại mục Server Settings ➜ ngay phần GZIP Page Compression chọn Yes ➜ chọn tiếp Save để lưu lại

Kiểm tra kết quả sau khi bật nén Gzip

Sau khi đã bật nén Gzip cho website, bạn có thể vào trang này để kiểm tra xem nó có hoạt động hay chưa.