Speed Up Your Wordpress Blog

Bagi yang belum tau, page speed sekarang merupakan faktor berpengaruh di dalam SERP (posisi di search engine). Penjelasan ada di _http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html. Oleh karena itu blog kita dibuat seringan mungkin agar cepat diload.

Berikut ini cara optimasi page speed dengan menggunakan Google Page Speed. Add-on Firefox ini memang khusus disediakan Google untuk mengecek faktor2 apa saja yang ,ebuat web kita kurang optimal dari segi kecepatan.

1. Install Firefox dulu ya, bagi yang belum install
2. Install add-on Firebug _https://addons.mozilla.org/en-US/firefox/addons/versions/1843
3. Install Page Speed _http://code.google.com/speed/page-speed/download.html
4. Restart Firefox

Penggunaan Firebug+Page Speed :
1. Buka blog kamu dengan firefox. Di status bar, klik gambar kecoak.
2. Interface Firebug akan terbuka, masuk ke Tab Page Speed, klik Analyze Performance
3. Sekarang score blog kita. Rata2 score diatas 80, dalam kedaan belum di optimasi jika themenya bagus.

Tips optimasi page speed di Wordpress :
1. Klik pada Optimize images. Disini ada daftar image yang masih di kompress.
2. Save as semua image untuk mendownload semua image yang sudah di kompress. Jangan lupa hapus kode aneh dan under score di belakang nama image pada saat save. Supaya nama file sama dengan aslinya.
3. Sekarang masuk ke folder theme di tempate installasi blog Wordpress kamu.
4. Masuk ke folder theme yang sedang dipakai (di hosting), kemudian cari lokasi gambar2 untuk theme tersebut atau lihat lokasinya tadi di firebug.


5. Replace image yang lama dengan yang baru di download tadi.
6. Klik tombol Refresh Analysis di Page Speed untuk melihat hasilnya.
Hasil :


Optimasi CSS dan JS
1. Install Plugin [FONT=&quot]Autoptimize[/FONT] buatan Emilio López
Fungsi :
- Optimasi CSS dan Js
- memindahkan js ke footer supaya di load belakangan.

2. Setting sesuai gambar berikut

3. Cek Page Speed, sekarang bagian Minify CSS dan JS sudah hijau.


Sekarang tinggal Leverage browser caching yang masih merah. Penjelasan tentang Leverage browser caching bisa di baca di _http://code.google.com/speed/page-speed/docs/caching.html#LeverageBrowserCaching


Optimasi Leverage browser caching


Tambahakan code berikut di htacess. Editnya pakai FTP (CuteFTP, Filezilla) ya biar kelihatan htaccessnya.



## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES CACHING ##


Diambil dari _http://www.quickonlinetips.com/archives/2010/05/leverage-browser-caching-increase-website-speed/


Refresh Analysis


Seharusnya dah dapet score diatas 90.


Ini contoh yang dah jadi score sampai 97.






Tiap blog mungkin beda hasilnya tergantung Theme, plugin, widget yang dipakai.

O iya, bagi yang pakai W3 Cache minfynya di disable ya, biar gak bentrok ama Autoptimize. Atau pakai aja W3 Cache, bandingin hasilnya.

CMIW

 

ijin bookmark dulu mastah

 

ikutan injek juga gan...... trims sharenya

 

mantab bro

ntar ane coba bro

moga2 terasa bedanya , soalnya pake theme magazine banyak gambarnya neh hehe

 

Cukup:
1. pakai plugin smushit
2. kompress css dan script lainnya
3. Pakai CSS sprites u/ meminimalkan HTTP request.

 

Keren, makasih tipsnya mas bro....

 

sing penting ngelike......

 

mantab abis om, thanks utk sharingnya...

 

mau tanya dong.
bikin CSS Sprite, harus manual apa bisa otomatis?
kalau udah pake W3 Cache, yg sekalian minify CSS, harus pake plugin autopmize juga?

thanks brew

 

minfy W3 Cache sama autopmize hampir sama, cuma tak tes pakai page speed scorenya lebih tinggi pakai autopmize. Ini soalnya optimasi berpatokan pada Google Page Speed.

 

Wih mantap udah dicoba skor web ane di atas 90

 

Skor blog saya mentok di 92,cuma image sprite n cdn yg blum optimal.

 

"Optimize JavaScript Code?" sy centang ko loading terus ya kaya di refresh berulang2 gt...
knpa ya om?

 

mantap, bookmark dulu...

 

Sekedar menambahkan saja, Hati2 apabila mengoptimalkan JS, karena tidak semua java script akan bekerja dengan baik apabila kita taro di footer

 

keren keren...
bukmark dlu ya gan, praktek belakangan...

 

Ane demen yang begini nih..

CTRL+D

 

Untuk css sprite bisa pake layanan gretongan dari Spriteme.org
Ane pernah baca, jangan sentuh javascript yang penting macam adsense or analytics, kalo gagal bisa bahaya

 

mantep bro...
testing dulu deh

 

wah mastah bagi ilmu gratis nih,,, ijin bookmark om