Tips Meningkatkan Kecepatan Blog WordPress dari GTmetrix

Tips GTmetrix Untuk Kecepatan Blog WordPress

Meningkatkan kecepatan blog wordpress | Tips meningkatkan kecepatan wordpress

Tips Meningkatkan Kecepatan Blog WordPress dari GTmetrix. Sobat narablog, di artikel Cara Meningkatkan Kecepatan  Loading Website – Blog yang saya tulis beberapa hari lalu, sekilas disinggung tentang GTmetrix. Ini adalah sebuah website yang menyediakan layanan untuk mengecek sejauh mana kecepatan blog anda.

Mengapa hal ini berulang-ulang saya bahas? Saya rasa penting, karena mulai tahun ini Google sebagai search engine terbesar akan memerhitungkan faktor kecepatan blog dalam pemeringkatan blog (Google Pagerank) dan dalam SERP (search engine results page).

Why should I care about fast loading web page?

Because a speed affects your SEO and your sales. People aren’t paitence creatures, they want stuff as fast as possible. Google has stated that a page loading time makes up part of their page rank. Amazon found that for every 100ms in page loading caused them 1% in sales. Google found when they increased size of results from 10 results to 30 results and increased their page load by 0.5 seconds their traffic dropped by 20%.

wordpress.org/extend/plugins/cdn-sync-tool/faq

GTmetrix sering saya pakai sebagai acuan untuk mengoptimasi kecepatan loading blog. Dia punya fitur “compare test” untuk membandingkan kecepatan loading blog diantara 2 blog atau lebih. Saya suka dengan fitur ini. Terus terang saya sering mengintip dan membandingkan beberapa blog teman-teman yang sering main ke sini menggunakan fitur “compare test”. (tapi hasil kecepatan blog wordpress saya masih sering kalah ama sobat -sobat sekalian ! wkwkwk 😆 )

Kemarin saya membaca Tips Meningkatkan Kecepatan Blog WordPress dari GTmetrix dan saya coba sharingkan pada narablog semua. Tentu saja blog WordPress yang dimaksud adalah yang dihosting sendiri dengan platform WordPress.org.  Kira-kira spt ini sarannya:

Step 1. Download and activate W3 Total Cache

Plugin inilah yang dianjurkan oleh GTmetrix. Mengapa W3 Total Cache ? Karena fiturnya amat lengkap jika dibandingkan dengan plugin sejenis seperti Wp Super Cache. Namun saya pribadi sudah terlanjur cinta dengan Wp Super Cache, jadi belum bisa pindah ke lain plugin 😀 . Berikut Klaim dari W3 Total Cache dan video previewnya:

W3 Total Cache is the most complete WordPress performance framework.

Recommended by web hosts like: MediaTemple, Host Gator, Page.ly and WP Engine and countless more.

Trusted by countless sites like: stevesouders.com, mattcutts.com, mashable.com, smashingmagazine.com, makeuseof.com, yoast.com, kiss925.com, pearsonified.com, lockergnome.com, johnchow.com, ilovetypography.com, webdesignerdepot.com, css-tricks.com and tens of thousands of others.

W3 Total Cache improves the user experience of your site by improving your server performance, caching every aspect of your site, reducing the download times and providing transparent content delivery network (CDN) integration.

wordpress.org/extend/plugins/w3-total-cache/

• Setelah plugin diinstall dan diaktifkan, di sidebar sebelah kanan akan ada section baru berjudul “Performance”
• Klik pada General Setting , lalu ceklist opsi: “Toggle all caching types on or off at once”
• W3 Total Cache akan membuat cache pada setiap aspek dari blog wordpress kita dan ada beberapa yang mungkin belum kita pasang seperti Content Delivery Network (CDN) dan CloudFlare. Ceklist pada opsi “Enable” jika CDN atau CloudFlare belum anda aktifkan

• Kemudian lihat pada bagian Minify. Ada opsi “Minify Mode”, pilih yang “Auto” lalu klik “Save All Settings”

• Kembali pada Minify, perhatikan “HTML dan XML”. Ceklist”Enable” untuk HTML minify settings. Opsi yang lain bisa diceklist juga namun sebaiknya setelah dicek list sobat harus perhatikan blog…ada yang error gak? Biasanya dengan settings seperti di gambar engga ada yang error

• Sekarang klik pada menu “Browser Cache”. Pada submenu General, Cascading Style Sheets & JavaScript, HTML, dll silahkan dicek list untuk expires header, cache control header dan entity Tag (eTag) seperti pada gambar lalu klik pada “save all settings”

Step 2. Download and activate WP Smush.it

Plugin ini juga dianjurkan oleh GTmetrix untuk ditanamkan ke dalam blog WordPress anda. Plugin ini akan menjalankan semua gambar yang ada di blog sobat melalui sebuah aplikasi gratis dari Yahoo bernama Smush.It . Hal ini diklaim dapat mengoptimasi gambar, menghemat bandwidth dan meningkatkan kecepatan blog. Plugin ini amat bagus digunakan di blog yang banyak gambar-gambarnya. Apa blog sobat demikian? Jika ya, silahkan install WP Smush.it

Yahoo’s excellent Exceptional Performance series recommends optimizing images in several lossless ways:

• stripping meta data from JPEGs
• optimizing JPEG compression
• converting certain GIFs to indexed PNGs
• stripping the un-used colours from indexed images

Smush.it offers an API that performs these optimizations (except for stripping JPEG meta data) automatically, and this plugin seamlessly integrates Smush.it with WordPress.

wordpress.org/extend/plugins/wp-smushit/

WP Smush.it tidak ada settingannya. Jadi begitu aktif langsung plug and play. Sekarang sobat masuk ke bagian Media library di sidebar admin dan perhatikan ada kolom baru bernama Smush It di sebelah keterangan gambar. Kolom ini memberitahukan pada kita berapa persen sebuah gambar telah dioptimasi.

Di Wp Smush.it versi baru ada fitur bernama Bulk Smush. Karena fitur ini masih eksperimental maka kadang-kadang dia error. Tapi overall amat berguna untuk mengoptimasi gambar dalam jumlah banyak sekaligus.

Kesimpulan GTmetrix

Kedua plugin diatas dapat memberikan optimasi kecepatan sebesar (lihat gambar) :

Sobat tertarik menggunakan kedua plugin ini? Saya aja yang menggunakan WP Super Cache (pesaing W3 Total Cache yang dinilai lebih inferior) telah merasakan perubahan yang amat signifikan. Nah kenapa sobat tidak mencoba W3 Total Cache? (dan Wp Smush.it sekalian). Kombinasikan juga dengan cara-cara yang telah saya ulas di artikel ini agar kecepatan loading blog website sobat semakin maknyuuussss !

sumber:

• http://gtmetrix.com/wordpress-optimization-guide.html
• http://wordpress.org/extend/plugins

tags: Cara Meningkatkan kecepatan blog wordpress | Tips meningkatkan loading blog wordpress