Browse » Home » » Tutorial Photoshop Desain Grafis Wallpaper Inspirasi Resource Tipografi Cara Mempercepat Load Blog Versi Majuterus Jilid 2 Hello World !!

Tutorial Photoshop Desain Grafis Wallpaper Inspirasi Resource Tipografi Cara Mempercepat Load Blog Versi Majuterus Jilid 2

Saya rasa teman-teman setuju bahwa blog dengan load yang cepat akan lebih menguntungkan daripada blog yang lambat. Selain dapat meningkatkan kredibilitas blog dan membuat pengunjung blog kita senang, blog yang cepat juga dapat membantu peringkat di SERP.
Mengutip pernyataan Matt Cutts, “a faster web is great for everyone, but especially for users. Lots of websites have demonstrated that speeding up the user experience results in more usage. So speeding up your website isn’t just something that can affect your search rankings–it’s a fantastic idea for your users.”
Karena itu, saya berusaha mengoptimalkan blog ini agar dapat diakses lebih cepat lagi daripada sebelumnya. Oh ya, pada artikel ini saya beri embel-embel Jilid 2, karena sebelumnya saya telah menulis artikel semacam ini sebagai Guest Post dengan judul Cara Mempercepat Blog WordPress. Pada dasarnya, saya melakukan hampir semua tips yang saya tulis di dalam artikel itu kecuali kompresi HTML dan CSS (tema ini belum selesai 100%, jadi untuk memudahkan editing maka belum saya kompresi).
Di artikel ini, saya akan memberikan tips tambahan atau pelengkap untuk mempercepat load blog anda. Dan untuk menilai hasil optimasi kecepatan load blog, saya kembali menggunakan jasa Pingdom Tool. Dan sebagai permulaan, berikut ini adalah hasil tes yang saya lakukan untuk homepage blog Majuterus Desain.
Hasil tes majuterus desain

Hasil diatas murni hasil tes pingdom tool, bukan hasil edit Photoshop :). Seperti yang terlihat, load blog Majuterus Desain hanya membutuhkan waktu 823 ms (milidetik). Sebuah pencapaian yang lumayan mengingat blog ini sangat image intensive (full gambar).
Apa yang saya lakukan untuk mendapatkan load secepat itu?

Cara Mempercepat Load Blog Versi Majuterus

1. Tema WordPress Ringan
Seperti yang pernah saya tulis di artikel Majuterus Desain Ganti Baju……Lagi, saya membuat sebuah tema WordPress sendiri. Sebuah tema WordPress yang sangat sederhana dan ringan sehingga dapat lebih cepat diload.
2. Lazy Load jQuery Plugin
Plugin yang saya maksud di sini bukan plugin WordPress, melainkan script jQuery yang saya pasang ke dalam tema WordPress berdasarkan script jQuery plugin milik Mika Tuupola. Fungsi plugin ini adalah untuk menunda proses load gambar pada artikel yang panjang dan penuh gambar seperti halnya Majuterus Desain. Dengan plugin ini, browser hanya akan meload HTML dan gambar yang terlihat saja. Untuk gambar lain hanya akan diload bila pengunjung blog melakukan scroll halaman.
Bila teman-teman tertarik, ada beberapa plugin Lazy Load untuk WordPress yang berfungsi sama yang bisa dicoba semisal jQuery Image Lazy Load WP atau Lazy Load. Tapi untuk pengaruhnya ke kecepatan load blog, saya tidak tahu karena belum pernah menggunakannya. Tapi semestinya sama dengan plugin jQuery yang saya gunakan.
3. Optimasi Gambar
Saya pernah mengulasnya dalam artikel Mempercepat Blog Dengan Optimasi Gambar. Silahkan dibaca.
4. Cache Plugin
Cache plugin diperlukan untuk meringankan tugas server dalam membuat HTML yang dikirimkan ke browser. Dengan adanya cache, maka bila ada permintaan yang meminta halaman tertentu, server tidak perlu memproses pembuatan HTML lagi, server cukup mengambil dan mengirimkan HTML dari cache yang telah ada.
Ada banyak plugin untuk keperluan cache seperti plugin sejuta umat, W3 Total Cache atau WP Super Cache. Namun di sini saya tidak memakai plugin-plugin tersebut. Sebaliknya saya menggunakan plugin Hyper Cache. Kelebihan Hyper Cache adalah dia dapat berjalan optimal di server webhost dengan resource rendah (webhost dengan server shared). Plus, it’s light-weight. Plugin ini hanya berukuran 26 kB. Bandingkan dengan W3 Total Cache yang mencapai 886 kB. Dengan plugin ini tujuan awal meringankan beban server dapat tercapai.
Dan cara terakhir adalah…
5. GoogleAppEngine
GoogleAppEngine adalah layanan hosting aplikasi web milik Google yang dapat digunakan secara gratis. Namun di sini saya tidak menggunakannya untuk menyimpan aplikasi web, melainkan saya gunakan untuk menyimpan file gambar, css, dan js. Karena GoogleAppEngine berjalan diatas infrastruktur/server Google yang terkenal cepat, maka secara tidak langsung GoogleAppEngine telah membantu meningkatkan kecepatan load blog Majuterus Desain.
Untuk pembahasan tentang GoogleAppEngine, akan saya tulis dalam artikel berikutnya. Sementara itu, teman-teman yang ingin sharing tentang cara yang digunakan untuk mempercepat load blognya silahkan tinggalkan komentar di bawah.