Cara Memperbaiki Peringatan Specify a Vary : Accept-Encoding Header

Pasti diantara kalian pernah mengalami peringatan “Specify a Vary : Accept-Encoding Header” pada GTMetrix, Pingdom Tools atau Google Page Speed di situs website kalian.

Sebenarnya, apa arti peringatan ini? Bagaimana cara mengatasinya?

Dalam artikel ini, kalian akan mempelajari apa yang sebenarnya terjadi jika peringatan ini muncul. Kami juga sertakan cara mengatasinya.

Apa Arti Peringatan Ini?

Sebelum mengarah ke cara mengatasinya, kita mesti cari tahu terlebih dahulu arti peringatan ini dan cara mengetahui apakah situs kalian terdampak olehnya.

Biasanya, peringatan ini ditemukan di website yang berjalan pada server web seperti Nginx dan Apache.

Sebenarnya, Apa Itu “Specify a Vary: Accept-Encoding Header”? Accept-encoding header adalah header HTTP yang harus disertakan di setiap respons server asal. Fungsi utamanya adalah memberi tahu browser apakah client bisa menangani versi website yang telah di kompresi.

Peringatan ini bisa muncul apabila kalian tidak menggunakan Vary: Accept-Encoding pada header di server atau CDN. Akibatnya, server atau CDN pun akan mengirimkan versi website yang tidak di kompresi ke browser modern.

Meskipun terjadi secara tidak disengaja, peringatan ini bisa pula mempengaruhi performa situs kalian di sisi client (user), walaupun dampaknya tidak signifikan.

Di Mana Peringatan Ini Ditemukan? Jika kalian ingin mengecek apakah websitenya terdampak oleh peringatan ini atau tidak, kalian bisa melakukan analisis performa menggunakan tool online seperti Pingdom atau GTmetrix.

Setelah memasukkan URL website, penganalisis performa tersebut akan meng-highlight peringatan yang ditemukan. Tapi kalian tak usah khawatir, kita akan memberi tahu cara mengatasi masalah ini dalam sekejap.

Cara mengatasi “Specify a Vary: Accept-Encoding Header”

Tutorial ini kalian mengharuskan menambahkan beberapa baris kode. Jadi, akan lebih baik jika kalian sudah cukup memahami beberapa hal terkait teknisnya. Jika tidak yakin, hubungi staf profesional untuk membantu kalian.

Okeee, mari kita pelajari cara mengatasi peringatan Specify a Vary: Accept-Encoding Header di dua server web yang paling populer: Nginx dan Apache.

Apache

Jika di server Nginx kalian harus mengetahui cara mengakses VPS menggunakan perintah SSH, mengatasi peringatan Specify a Vary: Accept-Encoding Header di Apache bisa dilakukan secara lebih mudah.

Kalian hanya perlu klien FTP seperti FileZilla untuk membuka file website. Kemudian, temukan dan edit file .htaccess.

Namun, perlu diperhatikan bahwa kalian harus sangat berhati-hati saat mengedit file melalui FTP. Sebaiknya backup file terlebih dahulu untuk berjaga-jaga apabila terjadi sesuatu.

Setelah selesai mengedit file .htaccess, kalian harus menambahkan snippet kode ini agar terlihat persis seperti berikut :

<IfModule mod_headers.c>
<FilesMatch “.(js|css|xml|gz|html)$”>
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>

NGINX

Untuk mengatasi masalah ini di Nginx, kalian harus membuka konfigurasi utama di VPS melalui SSH. Lokasinya filenya ada di /etc/nginx/nginx.conf.

Jika kalian merasa ragu atau belum memahami untuk mengakses VPS, kalian bisa meminta bantuan kepada tim developer atau provider server kalian.

Setelah menemukan file, kalian harus menambahkan baris gzip_vary :

gzip_vary on

Untuk melakukannya, kalian boleh menggunakan editor teks favorit kalian (kita sering menggunakan sublime text 3).

Kemudian, simpan dan restart layanan apache. Selamat! peringatan kini sudah teratasi.

Sampai disini, kalian pasti ingin performa situsnya selalu cepat dan bagus, kan? Oleh karena itu, penting untuk mengetahui cara mengatasi masalah yang mungkin terjadi, termasuk peringatan specify a vary: accept-encoding header.

Proses mengatasi masalah ini sebenarnya cukup mudah jika kalian mengikuti petunjuk yang kita berikan dengan benar, baik di server Apache maupun Nginx. Namun, kalian harus sangat berhati-hati saat melakukannya karena jika terjadi kesalahan, situs atau server kalian bisa saja down.

Demikian tutorial cara mengatasi specify a vary: accept-encoding header. Semoga bisa membantu kalian untuk mengatasi masalah yang terjadi saat ini. Terima kasih.




( ! ) Warning: strpos() expects parameter 1 to be string, array given in /www/wwwroot/penjurumedia.co.id/wp-content/plugins/wp-optimize/minify/class-wp-optimize-minify-fonts.php on line 203
Call Stack
#TimeMemoryFunctionLocation
10.0003357808{main}( ).../index.php:0
20.0005358088require( '/www/wwwroot/penjurumedia.co.id/wp-blog-header.php' ).../index.php:17
30.55458803512require_once( '/www/wwwroot/penjurumedia.co.id/wp-includes/template-loader.php' ).../wp-blog-header.php:19
40.56618870976include( '/www/wwwroot/penjurumedia.co.id/wp-content/themes/pmix016/single.php' ).../template-loader.php:106
51.141610300264get_footer( ).../single.php:16
61.141710300640locate_template( ).../general-template.php:92
71.141810300736load_template( ).../template.php:676
81.141910301152require_once( '/www/wwwroot/penjurumedia.co.id/wp-content/themes/pmix016/footer.php' ).../template.php:730
91.177510391752wp_footer( ).../footer.php:152
101.177610391752do_action( ).../general-template.php:3025
111.177610392128WP_Hook->do_action( ).../plugin.php:484
121.177610392128WP_Hook->apply_filters( ).../class-wp-hook.php:316
131.178610393352wp_print_footer_scripts( ).../class-wp-hook.php:292
141.178610393352do_action( ).../script-loader.php:2010
151.178610393728WP_Hook->do_action( ).../plugin.php:484
161.178610393728WP_Hook->apply_filters( ).../class-wp-hook.php:316
171.189410397488WP_Optimize_Minify_Front_End->process_footer_css( ).../class-wp-hook.php:292
181.191110404536WP_Optimize_Minify_Fonts::concatenate_google_fonts( ).../class-wp-optimize-minify-front-end.php:1456
191.191110404664WP_Optimize_Minify_Fonts::convert_v1_font_specs_to_v2( ).../class-wp-optimize-minify-fonts.php:50
201.191110406112strpos ( ).../class-wp-optimize-minify-fonts.php:203

( ! ) Warning: strpos() expects parameter 1 to be string, array given in /www/wwwroot/penjurumedia.co.id/wp-content/plugins/wp-optimize/minify/class-wp-optimize-minify-fonts.php on line 203
Call Stack
#TimeMemoryFunctionLocation
10.0003357808{main}( ).../index.php:0
20.0005358088require( '/www/wwwroot/penjurumedia.co.id/wp-blog-header.php' ).../index.php:17
30.55458803512require_once( '/www/wwwroot/penjurumedia.co.id/wp-includes/template-loader.php' ).../wp-blog-header.php:19
40.56618870976include( '/www/wwwroot/penjurumedia.co.id/wp-content/themes/pmix016/single.php' ).../template-loader.php:106
51.141610300264get_footer( ).../single.php:16
61.141710300640locate_template( ).../general-template.php:92
71.141810300736load_template( ).../template.php:676
81.141910301152require_once( '/www/wwwroot/penjurumedia.co.id/wp-content/themes/pmix016/footer.php' ).../template.php:730
91.177510391752wp_footer( ).../footer.php:152
101.177610391752do_action( ).../general-template.php:3025
111.177610392128WP_Hook->do_action( ).../plugin.php:484
121.177610392128WP_Hook->apply_filters( ).../class-wp-hook.php:316
131.178610393352wp_print_footer_scripts( ).../class-wp-hook.php:292
141.178610393352do_action( ).../script-loader.php:2010
151.178610393728WP_Hook->do_action( ).../plugin.php:484
161.178610393728WP_Hook->apply_filters( ).../class-wp-hook.php:316
171.189410397488WP_Optimize_Minify_Front_End->process_footer_css( ).../class-wp-hook.php:292
181.191110404536WP_Optimize_Minify_Fonts::concatenate_google_fonts( ).../class-wp-optimize-minify-front-end.php:1456
191.191110404664WP_Optimize_Minify_Fonts::convert_v1_font_specs_to_v2( ).../class-wp-optimize-minify-fonts.php:50
201.191710423688strpos ( ).../class-wp-optimize-minify-fonts.php:203