04-28-2014, 04:39 PM
Hi Guys, sedikit share dari ane mengenai website speed performance.
Tool buat demo :
1. GTmetrix
2. Terminal
Sebelumnya saya share screenshoot awal sebelum kita optimasi dari GTmetrix
Dari gambar diatas ada satu konfigurasi di server yang dinilai F, wedeeww.. F men.
Yuk kita perbaiki.
Report yang kita terima Leverage Browser Caching kita kurang bagus,
Lalu fungsi dari Leverage Browser Caching itu untuk apa ?
Jadi logika nya gini, ketika user mengakses website, maka user akan mengirimkan request ke webserver file-file statis website baik itu file css, png, js, jpg, html dll. Ketika sysadmin tidak mengatur caching maka setiap kali user membuka halaman website tersebut, maka user akan meminta lagi file-file statis tersebut. Alhasil speed website agak lambat.
Untuk mengatasi hal ini maka kita setting caching, caching ini akan menyimpan file-file yang ada di website yang bersifat statis dan disimpan didalam browser anda.
Ketika kita melihat gambar diatas, kita ketahui bahwa kita bisa mengoptimlkan speed website tersebut dengan mengatur cachingnya.
Untuk nginx , konfigurasi caching nya seperti berikut ini :
Sedangkan kalo kita menggunakan .htaccess, bisa menggunakan syntax ini :
Kita bahas maksud syntax tersebut. Pada dasarnya sama cuman parameter nya berbeda, yang penting adalah dibagian expires nya, di konfigurasi nginx diatas saya set expires nya 7d, artinya apa ? artinya browser akan menyimpan file-file static seperti yang saya sebutkan diatas selama 1 minggu. Lewat 1 minggu browser akan mengirimkan request lagi dan memperbarui cache nya.
Untuk waktu caching nya ini tergantung kepada masing-masing selera admin.
Sedikit tips apabila mainan cache, lebih baik setelah post-development, karena ketika cache sudah diset saat development, terkadang merepotkan developer. developer harus membersihkan cachenya sebelum bisa melihat tampilan yang baru.
Setelah kita set caching nya, sekarang kita test lagi menggunakan GTmetrix.
Terlihat perbedaanya kan ?
:-
Tool buat demo :
1. GTmetrix
2. Terminal
Sebelumnya saya share screenshoot awal sebelum kita optimasi dari GTmetrix
Spoiler! :
![[Image: 2hs81ds.png]](http://i57.tinypic.com/2hs81ds.png)
Yuk kita perbaiki.
Report yang kita terima Leverage Browser Caching kita kurang bagus,
Lalu fungsi dari Leverage Browser Caching itu untuk apa ?
Spoiler! :
![[Image: 23wsb3o.png]](http://i60.tinypic.com/23wsb3o.png)
Jadi logika nya gini, ketika user mengakses website, maka user akan mengirimkan request ke webserver file-file statis website baik itu file css, png, js, jpg, html dll. Ketika sysadmin tidak mengatur caching maka setiap kali user membuka halaman website tersebut, maka user akan meminta lagi file-file statis tersebut. Alhasil speed website agak lambat.
Untuk mengatasi hal ini maka kita setting caching, caching ini akan menyimpan file-file yang ada di website yang bersifat statis dan disimpan didalam browser anda.
Ketika kita melihat gambar diatas, kita ketahui bahwa kita bisa mengoptimlkan speed website tersebut dengan mengatur cachingnya.
Untuk nginx , konfigurasi caching nya seperti berikut ini :
Spoiler! :
Spoiler! :
Kita bahas maksud syntax tersebut. Pada dasarnya sama cuman parameter nya berbeda, yang penting adalah dibagian expires nya, di konfigurasi nginx diatas saya set expires nya 7d, artinya apa ? artinya browser akan menyimpan file-file static seperti yang saya sebutkan diatas selama 1 minggu. Lewat 1 minggu browser akan mengirimkan request lagi dan memperbarui cache nya.
Untuk waktu caching nya ini tergantung kepada masing-masing selera admin.
Sedikit tips apabila mainan cache, lebih baik setelah post-development, karena ketika cache sudah diset saat development, terkadang merepotkan developer. developer harus membersihkan cachenya sebelum bisa melihat tampilan yang baru.
Setelah kita set caching nya, sekarang kita test lagi menggunakan GTmetrix.
Spoiler! :
![[Image: smun2q.png]](http://i59.tinypic.com/smun2q.png)
Terlihat perbedaanya kan ?
:-