Pada postingan kali ini saya akan berbagi sedikit tips untuk optimasi kecepatan download halaman web. Suatu halaman web yang baik biasanya harus dapat di buka atau didownload kurang dari 8 detik (menggunakan kecepatan internet standar, besar dari 128 kbps), jika suatu halaman tidak terbuka dalam 8 detik tentunya perlu dilakukan optimasi terhadap page tersebut.

Nah, kabar baiknya google code merelease suatu tool yang dapat kita gunakan untuk analisa kecepatan web kita, yaitu page speed. Apa sih page speed ini?

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. (google code)

Yup, page speed ini tools open source yang direlease oleh google code dan merupakan add-on untuk plugin firefox firebug. Dengan tool ini webmaster atau web developer, ataupun kita yang awam dengan web development dapat mengevaluasi apakah web kita sudah ter-optimasi dengan baik atau tidak.

Untuk mencoba page speed ini dibutuhkan

  • Mozilla Firefox 3.0.4 atau versi lebih tinggi download
  • Firebug Firefox Add-on 1.3.3 atau versi lebih tinggi download

So, install dulu kedua hal diatas, baru bisa nyobain page speed ini.. :)

Sudah?, lanjutkan.. (SBY mode on)

Tentu saja install page speednya dunk.. donwload

Di tutor singkat kali ini saya hanya akan membahas sebahagian kecil saja, yaitu Optimasi Image, sebenarnya masih banyak yang dapat kita optimize tergantung hasil analisis page speed masing-masing site kita.

Mulai..

1. Pertama buka halaman site yang akan anda analisa kecepatan download pagenya. misal, buka http://hariscorner.com :hoho: . Biarkan page terunduh sampai sempurna dimana terlihat ikon load page nya sudah berhenti.

2. Buka firebug add-on

google-page-speed-firebug

3. Maka akan muncul window add-on firebug, klik pada Analyze Performance. Tunggu proses analisa selesai.. . Setelah selesai, kita dapat melihat berbagai hal menyangkut apa saja yang dapat kita optimasi terhadap page. Karena kita akan mengoptimasi pada image, perhatikan bagian Optimize image, jika web kita menggunakan image dan belum teroptimasi dengan baik akan muncul image apa saja yang dapat di optimasi, biasanya berkenaan dengan masalah kompresan. Pada gambar dibawah terdapat 3 image yang dapat diperbaiki dari hariscorner[dot]com. Untuk mendapatkan image yang sudah terkompress cukup klik compressed version, maka kita akan dibawa ke image yang sudah terkompress. Ganti image yang ada di web page anda dengan image yang telah dikompress. Done!

google-page-speed2

Sebenarnya banyak hal yang dapat dioptimasi (tergantung hasil analisa masing-masing web kita), namun kali ini saya hanya menekankan pada image optimition, untuk lebih lanjut silahkan anda bereksperimen sendiri.. :D

Semoga bermanfaat.

Popularity: 2%

Tulisan terkait (bisa ya bisa ga.. hehe..) :