[ Tối ưu ] Tính năng nén GZIP – Gzip Compression cho Wordpress

Tính năng nén GZIP là nén các page trên web server trước khi các page này được gửi đến khách truy cập. Điều này giúp tiết kiệm băng thông và do đó làm tăng tốc độ tải của trang web nên đáng kể. Trình duyệt web của khách truy cập sau đó sẽ tự động giải nén các page. Nén và giải nén chỉ mất một phần nhỏ của một giây.

Tính năng nén GZIP được khuyến khích cho tất cả các loại tập tin văn bản như: 

- HTML ( .html ) và tất cả các loại HTML động ( chẳng hạn như PHP, .aspx )

- Textfiles ( mở rộng .txt )

- CSS và Javascript ( mở rộng CSS và JS )

- Webservices, chẳng hạn như WSDL, REST và JSON

Tính năng nén GZIP không được khuyến khích cho các tập tin không phải là văn bản, chẳng hạn như các tập tin đồ họa và các tập tin zip. bởi vì nó hầu như không tiết kiệm không gian và do đó có thể tăng thời gian tải.

LƯU Ý : Không cần làm nếu đã dùng WP Super Cache hoặc W3 Total Cache

Đối với máy chủ Apache:

Bạn có thể cho phép nén bằng cách thêm vào phần sau đây vào file .htaccess ngoài thư mục gốc của website.

Mã:

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain

Header append Vary User-Agent
Header append Vary User-Agent
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Đối với máy chủ Nginx:

Bạn có thể cho phép nén bằng cách thêm vào phần sau đây vào file nginx.conf trong phần cấu hình domain

Mã:

gzip on;
gzip_comp_level 2;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_http_version 1.0;
gzip_proxied any;
gzip_buffers 16 8k;
gzip_min_length 1100;
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;

Bạn có thể kiểm tra xem trang web WordPress của bạn đã được nén hay chưa bằng cách sử dụng công cụ Kiểm tra GZIP Compression tại trang:

Mã:

https://checkgzipcompression.com