Optimasi Web dan Image Menggunakan Google Page Speed

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: 1%

Baca Juga:

About Haris

My name is haris a.k.a spydeeyk, i'm just a simple person who looking forward in my life jorney.
This entry was posted in Blogging, Tutorial and tagged . Bookmark the permalink.

8 Responses to Optimasi Web dan Image Menggunakan Google Page Speed

  1. dgs says:

    makasih infona.
    tapi kalau gambarna harus di compress lagi
    sepertina gak bagoes

    mungkin perlu dicoba dulu ya, soale tiap kali
    mau mempercepat loading page, paling aku cuman mengurangi jumlah kontennya aja.

    dgs’s last blog post..GAME UPDATE: JHOG-GHO

    • HДЯIS says:

      :mikir: tergantung tool kompresi imagenya juga kayaknya mas.. ada koq tool kompresi image yang ngompress gambar nya bagus, tp kualitas gambarnya tetap terjada,

      add-on diatas juga lumayan kompressi imagenya.., image pak sumintar disamping tuh udah dikompresi.. masi cukup bagus gambarnya.. :)

      atau biasanya saya pake photoshop saja, sewaktu save gambarnya, pilih save for web.. biasanya dalam *.png jadinya.. , seperti gambar banner 125×125 disamping.. :)

  2. harianku says:

    nyoba dulu mas :P

    harianku’s last blog post..Morning Seks

  3. efri says:

    aq udh coba di firefox 3.6 tp setalh install page speednya ada comment kalo tidak kompatibel dengan firefox 3.6 ini.. extension tdk dikenal gituh.. ada solusi bro ??

    • Haris says:

      sekarang udah bisa lom yah? :D , klo blom bisa sekarang kayaknya memang harus tunggu update yang kompatibel aja bro..

      Maaf tidak dapat bantu banyak.. :(

  4. Sarung Anak says:

    udah di coba di compress tapi speed tidak terlalu banyak pengaruh dibanding sebelumnya. Tapi makasih banyak ya infonya…

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>