Brotli hiện là chuẩn nén dữ liệu mạnh mẽ hơn cả Gzip truyền thống, giúp giảm kích thước file và tăng tốc độ tải trang đáng kể. Dưới đây là cấu trúc bài hướng dẫn chi tiết về Brotli Test và cách kích hoạt nó.
1. Brotli là gì? Tại sao phải dùng thay Gzip?
Brotli là một thuật toán nén mã nguồn mở được phát triển bởi Google. So với Gzip, Brotli có những ưu điểm vượt trội:
- Tỉ lệ nén cao hơn: Giảm kích thước các file HTML, CSS và JavaScript thêm khoảng 17-25% so với Gzip.
- Tốc độ giải nén nhanh: Giúp trình duyệt render trang web nhanh hơn.
- Tiết kiệm băng thông: Đặc biệt hiệu quả cho người dùng sử dụng thiết bị di động (3G/4G/5G).
2. Cách kiểm tra website đã bật Brotli chưa (Brotli Test)
Trước khi cấu hình, bạn cần kiểm tra trạng thái hiện tại của website qua 2 cách sau:
Cách 1: Sử dụng công cụ Online
Bạn có thể truy cập các trang web kiểm tra chuyên dụng:
- Brotli Test (giftofspeed.com)
- Google PageSpeed Insights: Nếu phần “Enable text compression” không xuất hiện trong gợi ý, nghĩa là bạn đã nén tốt.
Cách 2: Kiểm tra trực tiếp trên Trình duyệt (Chrome/Edge)
- Truy cập website của bạn.
- Nhấn
F12(hoặc chuột phải chọn Inspect). - Chọn tab Network.
- Làm mới trang (
F5). - Click vào file chính (thường là tên miền của bạn), nhìn vào mục Response Headers.
- Nếu thấy
content-encoding: br, nghĩa là Brotli đã hoạt động. - Nếu thấy
content-encoding: gzip, nghĩa là bạn vẫn đang dùng Gzip.
- Nếu thấy
3. Cách bật Brotli để tăng tốc website
Tùy vào hệ thống bạn đang sử dụng, cách kích hoạt sẽ khác nhau:
Đối với Cloudflare (Dễ nhất)
Nếu website của bạn sử dụng Cloudflare, bạn chỉ cần một cú click:
- Vào Dashboard Cloudflare -> Chọn tên miền.
- Chọn mục Speed -> Optimization.
- Tìm dòng Brotli và gạt nút sang On.
Đối với Nginx
Bạn cần cài đặt module ngx_brotli. Sau đó, thêm đoạn code sau vào file cấu hình nginx.conf:
Nginx
brotli on;
brotli_comp_level 6;
brotli_static on;
brotli_types text/plain text/css application/javascript application/json image/svg+xml;
Đối với Apache
Bạn cần bật module mod_brotli. Thêm cấu hình vào file .htaccess:
Apache
<IfModule mod_brotli.c>
AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript application/json application/xml application/rss+xml image/svg+xml
</IfModule>
4. Lưu ý quan trọng
- Hỗ trợ trình duyệt: Hầu hết các trình duyệt hiện đại (Chrome, Firefox, Safari, Edge) đều hỗ trợ Brotli qua HTTPS.
- HTTPS là bắt buộc: Brotli chỉ hoạt động trên các kết nối bảo mật (SSL/TLS).
- Mức độ nén: Đừng đặt mức nén cao nhất (thường là 11) vì sẽ gây tốn tài nguyên CPU của máy chủ. Mức 4 đến 6 là sự cân bằng hoàn hảo giữa hiệu suất và tốc độ.
