Menambahkan header Vary: Accept-Encoding pada Nginx

Untuk konten statis yang sangat bagus dikompresikan seperti file CSS dan JS akan sangat disarankan agar ditambahkan header Vary: Accept-Encoding supaya browser yang mendukung akan dikirimkan file yang terkompresi apabila mendukungnya. Intinya untuk menghemat data dan mempercepat transfernya bila perambannya bisa membaca isinya. Kalau tidak yang akan diberi versi aslinya tanpa dikecilkan.

Karena jelas ada manfaatnya maka sangat disarankan untuk diaktifkan, dan ini tinggal anda masukkan kedalam blok server{}:

gzip_vary on;

Masukkan kedalam deretan setting gzip supaya rapi saran saya.

Segera reload Nginx:

service nginx reload

Setelah itu silahkan cek header situs anda atau file – file statisnya untuk tahu apakah benar sudah terpasang header tersebut:

curl -I https://servernesia.com/wp-includes/js/jquery/jquery.js?ver=1.12.4
HTTP/1.1 200 OK
Server: nginx
Date: Sun, 01 Jan 2017 17:05:27 GMT
Content-Type: application/javascript
Content-Length: 97184
Last-Modified: Sat, 24 Dec 2016 06:36:01 GMT
Connection: keep-alive
Vary: Accept-Encoding
ETag: "585e1751-17ba0"
Expires: Thu, 31 Dec 2037 23:55:55 GMT
Cache-Control: max-age=315360000
Access-Control-Allow-Origin: *
Accept-Ranges: bytes

Yup, Vary: Accept-Encoding sudah muncul saat diperiksa headernya. 🙂