Indonesian Back|Track Team - Bagi pengalaman optimasi site speed dengan NGINX part-1 gzip

Selamat siang para donatur, staff IBT - saat ini ane mau membahas sedikit mengenai pengalaman ane

NOTE : INI BERDASARKAN PENGALAMAN SENDIRI JADI KLO ADA KESALAHAN MOHON MAAF

untuk mencapai kecepatan maksimal dari sebuah situs menggunakan NGINX (web server favorite ane) maka mari kita diskusikan sedikit.

PERALATAN PENDUKUNG

Pertama-tama cek dulu nilai rata2 kecepatan anda di beberapa situs di bawah ini. - ini adalah saran dari @czero_cool

1 http://gtmetrix.com/
2 http://developers.google.com/speed/pagespeed/insights/ ( lebih baik karena ada pengukuran mobile device]
3 Atau bisa menggunakan googlechrome extension ( read more : https://developers.google.com/speed/docs...ing_chrome )

Spoiler! :

Nah untuk part 1 ini ane akan membahas sedikit mengenai peniliaian kecepatan dari kompresing beberapa file.

Tentu saja dengan mengompress beberapa file seharusnya kita dapat menghemat load suatu site pada client browser. Dalam hal ini saya menggunakan gzip compression untuk konfigurasi

Code:
gzip on;

gzip_min_length 10240;

gzip_http_version 1.1;

gzip_types text/plain text/html text/css application/json application/x-javascript text/xml application/xml application/xml+rss 

text/javascript application/javascript text/x-js application/x-javascript;

gzip_vary on;

gzip_comp_level 6;

gzip_proxied any;

gzip_disable "MSIE [1-6]\.";

gzip_buffers 16 8k;

PENJELASAN

gzip on : adalah dimana anda mengaktifkan gzip pada nginx

gzip_min_length : ukuran minimun kompresing sebuah file

gzip_http_version : mengaktifkan gzip compression untuk HTTP request version 1.1

gzip_vary : Mengaktifkan respon header dari “Vary: Accept-Encoding

gzip_types : tipe file yang akan di kompress

gzip_comp_level : menentukan level kompres [1-9] dimana secara default bernilai 1 (lowes) dan yang tercepat adalah 9 (fast-high)

gzip_proxied : konfigurasi bagaimana penanganan request yang masuk melalui prosy - ane menggunakan opsi any yang berarti mengijinkan kompresion ke seluruh request yang masuk

gzip_disable "MSIE [1-6]\." : menonaktifkan gzip pada browser2 yang tidak support. Misalnya MS Internet Explorer before version 6.

gzip_buffers : nilai atau ukuran dari compression buffers. secara default bernilai gzip_buffers 4 4k; atau gzip_buffers 4 8k;, Namun dalam kasus ini saya sengaja menaikan nilai tersebut untuk memastikan beberapa file CSS dan jsscript yang besar dapat di kompress dengan baik.

Anda tinggal reset/reload

Code:
service nginx reload

PENGUJIAN APAKAH GZIP BERFUNGSI DENGAN BAIK

Menggunakan CURL

Code:
[root@indonesianbacktrack gze-style]# curl http://indonesianbacktrack.or.id/forum/ --silent --write-out "%{size_download}\n" --output /dev/null

100794

[root@indonesianbacktrack gze-style]# curl http://indonesianbacktrack.or.id/forum/ --silent -H "Accept-Encoding: gzip,deflate" --write-out "%{size_download}\n" --output /dev/null

14349

Perhatilan perbedaan angka sebelum di kompres dan sesudah di kompres

Code:
100.794 -----> 14349

Jauh bukan :p Big Grin

Atau bisa menggunakan plugins chrome HTTPD LIVE HEADER

Quote:ET /forum/ HTTP/1.1
Host: indonesianbacktrack.or.id
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
HTTP/1.1 200 OK
Cache-Control: no-cache, must-revalidate
Connection: Keep-Alive
Content-Type: text/html; charset=UTF-8
Date: Mon, 28 Apr 2014 05:37:02 GMT
Expires: Sat, 1 Jan 2000 01:00:00 GMT
Last-Modified: Mon, 28 Apr 2014 05:37:01 GMT
Pragma: no-cache
Server: nginx
HttpOnly
Transfer-Encoding: chunked
Vary: Accept-Encoding
X-Powered-By: PHP/5.5.11

Kemudian cek kembali rekomendasi site speed anda. Semoga saja sudah ada perbaikan dan penurunan dalam hal load page site dan peniliaian sisi compression suggest

Ok sampai disini dulu seri 1 bersambung ya

(04-28-2014, 01:57 PM)zee eichel Wrote: [ -> ]Selamat siang para donatur, staff IBT - saat ini ane mau membahas sedikit mengenai pengalaman ane

NOTE : INI BERDASARKAN PENGALAMAN SENDIRI JADI KLO ADA KESALAHAN MOHON MAAF

untuk mencapai kecepatan maksimal dari sebuah situs menggunakan NGINX (web server favorite ane) maka mari kita diskusikan sedikit.

PERALATAN PENDUKUNG

Pertama-tama cek dulu nilai rata2 kecepatan anda di beberapa situs di bawah ini. - ini adalah saran dari @czero_cool

1 /

2 /speed/pagespeed/insights/ ( lebih baik karena ada pengukuran mobile device]

3 Atau bisa menggunakan googlechrome extension ( read more : https://developers.google.com/speed/docs...ing_chrome )

Spoiler! :

Nah untuk part 1 ini ane akan membahas sedikit mengenai peniliaian kecepatan dari kompresing beberapa file.

Tentu saja dengan mengompress beberapa file seharusnya kita dapat menghemat load suatu site pada client browser. Dalam hal ini saya menggunakan gzip compression untuk konfigurasi

Code:
gzip on; gzip_min_length 10240; gzip_http_version 1.1; gzip_types text/plain text/html text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript text/x-js application/x-javascript; gzip_vary on; gzip_comp_level 6; gzip_proxied any; gzip_disable "MSIE [1-6]\."; gzip_buffers 16 8k;

PENJELASAN

gzip on : adalah dimana anda mengaktifkan gzip pada nginx

gzip_min_length : ukuran minimun kompresing sebuah file

gzip_http_version : mengaktifkan gzip compression untuk HTTP request version 1.1

gzip_vary : Mengaktifkan respon header dari “Vary: Accept-Encoding

gzip_types : tipe file yang akan di kompress

gzip_comp_level : menentukan level kompres [1-9] dimana secara default bernilai 1 (lowes) dan yang tercepat adalah 9 (fast-high)

gzip_proxied : konfigurasi bagaimana penanganan request yang masuk melalui prosy - ane menggunakan opsi any yang berarti mengijinkan kompresion ke seluruh request yang masuk

gzip_disable "MSIE [1-6]\." : menonaktifkan gzip pada browser2 yang tidak support. Misalnya MS Internet Explorer before version 6.

gzip_buffers : nilai atau ukuran dari compression buffers. secara default bernilai gzip_buffers 4 4k; atau gzip_buffers 4 8k;, Namun dalam kasus ini saya sengaja menaikan nilai tersebut untuk memastikan beberapa file CSS dan jsscript yang besar dapat di kompress dengan baik.

Anda tinggal reset/reload

Code:
service nginx reload

PENGUJIAN APAKAH GZIP BERFUNGSI DENGAN BAIK

Menggunakan CURL

Code:
[root@indonesianbacktrack gze-style]# curl /forum/ --silent --write-out "%{size_download}\n" --output /dev/null 100794 [root@indonesianbacktrack gze-style]# curl /forum/ --silent -H "Accept-Encoding: gzip,deflate" --write-out "%{size_download}\n" --output /dev/null 14349

Perhatilan perbedaan angka sebelum di kompres dan sesudah di kompres

Code:
100.794 -----> 14349

Jauh bukan :p

Atau bisa menggunakan plugins chrome HTTPD LIVE HEADER

Quote:ET /forum/ HTTP/1.1
Host: indonesianbacktrack.or.id
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
HTTP/1.1 200 OK
Cache-Control: no-cache, must-revalidate
Connection: Keep-Alive
Content-Type: text/html; charset=UTF-8
Date: Mon, 28 Apr 2014 05:37:02 GMT
Expires: Sat, 1 Jan 2000 01:00:00 GMT
Last-Modified: Mon, 28 Apr 2014 05:37:01 GMT
Pragma: no-cache
Server: nginx
HttpOnly
Transfer-Encoding: chunked
Vary: Accept-Encoding
X-Powered-By: PHP/5.5.11

Kemudian cek kembali rekomendasi site speed anda. Semoga saja sudah ada perbaikan dan penurunan dalam hal load page site dan peniliaian sisi compression suggest

Ok sampai disini dulu seri 1 bersambung ya

wkwkkwwk ayokk oprekkk..

(04-28-2014, 04:11 PM)czeroo_cool Wrote: [ -> ]wkwkkwwk ayokk oprekkk..

wkwkwk nah itu yang ditunggu2 nih .. semangat oprek mengoprek :p