Thursday, May 16, 2013

Meningkatkan Kecepatan Load Website

Bagi para web developer, web designer, maupun web programmer, pasti akan melihat sala satu faktor ini.
Ya, faktor tersebut adalah kecepatan website saat loading.
Tau ga sob, kenapa faktor ini begitu penting ? Karena, seorang visitor itu selain liat dari segi tampilan, mereka juga bakalan liat seberapa berat website kalian pada saat proses muat (loading).

Hehehe :D
Ngomong-ngomong, kalian pernah ngga, ngunjungin sebuah website yang loadnya itu lambat atau bisa dikatakan "lemot" ??
Gimana perasaan kalian ?
Pastinya campur aduk dong ya antara
kesel dan ga sabar ?? :p

Faktor kecepatan pada saat loading ini sangat berpengaruh bro, buat kunjungan visitor. Ada beberapa tips di bawah ini yang bisa kalian lakuin buat mempercepat website kalian sob. Lakukan langkah - langkah berikut ini:
Website Speed

  1. Jangan terlalu banyak load/embed JavaScript ataupun CSS external. Cara ini terbukti efektif bro buat kinerja web/blog kalian. Kalau bisa, kurangi penggunaan JS atau CSS external, dan simpan JS atau CSS kalian di direktori website kalian sendiri.
  2. Kurangi penggunaan gambar yang berlebihan. Banyak tuh ya, website yang isinya banyak gambarnya, hal ini selain mengurangi kinerja website juga mempengaruhi kenyamanan visitor untuk berkunjung sob. Idealnya sih di dalam sebuah post itu usahakan terdapa satu sampai tiga maksimal gambar, agar halaman post kalian tidak terlalu berat untuk dimuat.
  3. Resize gambar ukuran besar. Ini juga perlu sobat, resize gambar di web page kalian jangan hanya mengandalkan pengukuran dari HTML saja yaitu width dan height untuk gambar, usahakan kalian resize gambar dengan software pengolah gambar, kalian tentukan berapa besar ukuran gambar yang ideal. Terus apabila kalian terpaksa menggunakkan gambar yang berukuran besar seperti untuk download wallpaper desktop, gunakanlah gambar thumbnail untuk ditampilkan di halaman, setelah itu, kalian beri link buat gambar yang berukuran asli.
  4. Kurangi load video. Kalau bisa jangan load video di website kalian deh, kecuali website kalian memang website khusus untuk video. Karena selain load source code untuk website, website kalian pasti akan download atau loading video itu secara penuh. Jadi untuk mengatasi hal ini jika kalian terpaksa menggunakkan video, gunakkan screenshot untuk video lalu screenshot tadi hubungkan dengan link menuju halaman video tersebut, semisal YouTube, Metacafe, dan lain - lain.
  5. Jangan gunakkan table untuk layout. Ini sering diremehin nih sob hehehe :p, untuk layout website secara keseluruhan, jangan gunakkan table, tetapi gunakanlah tag <div> pada HTML sebagai alternatifnya.
  6. Pilih hosting yang fast load. Ini juga merupakan salah satu faktor penting bro, kalau kalian pengen hosting website kalian, carilah yang memberikan fast load yang menjajnjikan.
  7. Kurangi penggunaan flash. Nah, kan sekarang udah jamannya HTML5 dan CSS3 nih sob ? hehehe :D, pakai aja fasilitas itu semua. Dulu sebelum HTML5 dan CSS3 kebanyakan orang me-load video dan animasi menggunakkan flash dan itu menambah beban website. Dengan menggunakkan HTML5 dan CSS3 percaya deh, website kalian akan fast load.
  8. Kurangi penggunaan iklan berlebihan. Hehehe :D buat yang suka main - main sama duit di web/blog nih, saran gue, jangan pake banyak unit iklan deh sob, pake yang sesuai rekomendasi aja. Contohnya Google Ads menganjurkan kita untuk menggunakkan tiga saja pada setiap halaman website.
  9. Gunakkan script yang efektif. Apabila kalian scripting menggunakkan bahasa script seperti PHP, JSP, ASP, gunakkanlah sedikit script tapi efektif dan powerful. Itu semua tergantung kalian gimana cara untuk melakukan hal ini.
CATATAN: kembali pada point nomor satu, ada tambahan sob. Trik apabila kalian menggunakkan JS extrenal kan biasanya loadnya lama tuh :(, agar web/blog kalian berjalan cepat, letakkan kode JS external kalian tadi di atas tag HTML </body> tepat. Kalo ga ketemu kalian cari dengan cara Ctrl+F pada keyboard kalian, dan ketik </body>. Cara ini efektif banget sob agar kalian bisa merasakan perbedaannya.
Tetapi tidak semua kode JS diletakkan di atas tag </body> nih sob, perhatikan ! Untuk kode javascript seperti untuk Google Analytics, letakkan kode tersebut di antara tag <head></head>, hal ini wajib dilakukan, karena biar analytics kalian bisa merekam visitor dulu baru deh web page kalian di load.

Hmm...
Cape juga ngetik segitu banyak :D
Tapi cara di atas terbukti ampuh sob biar web/blog kalian berjalan dengan cepat. Gue udah pernah buktiin sendiri (tested by me) sob. Akhirnya ilmu berharga ini gue sampein ke kalian semua.
Semoga bermanfaat buat kalian yang masih mengeluh web/blog kalian berjalan lambat.

Gue tau tips di atas masih kurang banyak. Kalau kalian punya tips lain, share di mari juga dong :)
Ilmu akan semakin bertambah apabila kita mengajarkannya kepada orang lain.
Hahahay :D
Bener kan ??

OK see you in the next post guys ...
bye /bye

10 comments:

  1. terima kasih gan, infonya. akan coba saya terapkan. oya, jika berkenan kunjung balik ya.

    ReplyDelete
  2. Kalau menurut saya. Gambarlah yang paling sering memperlambat kecepatan loading membuka website

    ReplyDelete
    Replies
    1. iya bener
      soalnya gambar sampai ber MB-MB besarnya :(

      Delete
  3. Mantap nih sharingnya, tetap semangat dan sukses selalu. :)

    ReplyDelete
  4. Artikel yang menarik, bos kalau kompres template gimana caranya ya... txs

    ReplyDelete
    Replies
    1. maksudnya dikompres gmn ?
      kalo di kompres biasa kan tinggal download templatenya dulu terus klik kanan pilih compress

      Delete
    2. maksudnya biar file-file di web server bisa lebih kecil lagi sizenya untuk diloading agar web lebih cepat diakses... gmn cara compress?
      terima kasih bos

      Delete
    3. setahu saya ngga ada mas di kompress file2nya
      tapi coding dari html, css, dan jsnya yang harus lebih di efisienkan apalagi css dan js yang embed dari server/website lain, mending kalo harus embed di simpan di server sendiri aja biar loadingnya maksimal
      terus gambar juga sangat berpengaruh buat loading website

      semoga membantu

      Delete