Saturday, August 3, 2013

Mempercepat website

Gunakan:

http://yslow.org
https://developers.google.com/speed/pagespeed/

Minify js,css
Gambar2 di compress
Hilangkan space,ganti baris
Cache
Pake Gzip compression
Pake VPS SSD bukan SSD Cache

Manual : oprek php nya => buat fix utk website sendiri

Apa lagi?

Tool online
1. http://tools.pingdom.com/fpt/
2. http://gtmetrix.com/
3. http://www.webpagetest.org/

copy paste dari tempat lain:
1. .htaccess dari HTML5Boilerplate (http://html5boilerplate.com/). Ini yg harus pertama dilakukan, krn mengubah skor PageSpeed dari 34 menjadi 87!!!
2. CSS Sprite untuk image2 yg sering dipakai, seperti yg ada di folder /themes/default/images/
3. Ganti image menjadi DataUrl. Lihat pro-cons-nya, krn DataUrl tidak support IE7 ke bawah.
4. Semua image harus punya atribut HEIGHT & WIDTH. ada bbrp image Opencart yg gak ada, jadi harus utak-atik kode.
==> disini cara nya http://forum.opencart.com/viewtopic.php?f=121&t=20057
5. Compress semua image pakai Lossless, contoh pakai JPEGMini (http://www.jpegmini.com/). Problemnya, sewaktu Opencart resize image tsb, hasilnya tidak dikompresi dengan baik.
6. Gabung semua Javascript & CSS. Musti hati2 untuk combine JS dan CSS terutama mengenai uturannya. Hasilnya kalau bisa hanya 1 javascript dan 1 css. Banyak file javascript yg tidak dipakai tetapi ada di folder.
7. Minify Javascript & CSS. Kalau bisa pakai aplikasi, tetapi bisa jg pakai Google Minify (http://code.google.com/p/minify/).
8. GZIP Compression. Pastikan web hostingnya menyalakan modul ini.

referensi:
http://developer.yahoo.com/performance/rules.html


No comments:

Post a Comment