Pages

Saturday, November 27, 2010

Trik 5 cara mempercepat loading page website

Nah berikut beberapa tips optimasi CSS dan Javascript untuk mempercepat loading blog kita :
  1. Optimasi CSS dengan cara melakukan kompresi pada file CSS yang digunakan untuk Blog. Situs favorit kampus blog untuk mengkompress CSS adalah CSS Compressor. Di sini kita tinggal memasukkan file CSS kita. Trus pilih type pengkompressannya. Normal aja udah cukup kok :D

  2. Optimasi Javascript dengan cara melakukan kompresi juga pada file JS kita. Beberapa tools kompresi JavaScript yang pernah kampus blog gunakan adalah YUI Compressor Online, dan JSMin
  3. Menempatkan CSS pada header, hal ini banyak direkomendasikan supaya halaman web tampil sempurna dulu dengan CSS.

  4. Menempatkan Javascript pada footer, hal ini dilakukan karena file javascript itu agak berat diproses di server. Jadi kalau kita meletakkan file JS di footer, maka browser akan memprosesnya terakhir setelah tampilan blog sempurna. Saran yang paling umum adalah dengan menyertakan JS sebelum tag </head>.
  5. Optimasi Image dengan Plugin jQuery Lazy Load, dengan plugin ini gambar-gambar dalam sebuah halaman akan ditampilkan secara gradual. Gambar hanya ditampilkan ketika dibutuhkan saja / saat di scrolling ke bawah menuju gambarnya.
Nah itu dia beberapa tips mempercepat loading blog dengan mengoptimalkan CSS dan Javascript di blog kita. Semoga bermanfaat dan loading blog menjadi lebih cepat

No comments:

Post a Comment