Optimasi Kecepatan Loading Blog

\ \ 7 comments
Akhirnya bisa posting lagi, setelah vakum lama dari dunia Blogger akhirnya ada kesempatan buat update blog juga. Langsung ke inti posting kali ini.

Bagi semua blog atau website, kecepatan loading blog merupakan sebuah daya tarik tersendiri bagi pembaca setia atau pun pengunjung yang sekedar singgah saja. Bayangkan saja bila sobat sekalian sedang mencari sebuah informasi kemudian masuk ke sebuah blog dan ternyata loading blog tersebut sangatlah lama, apakah yang pertama kali sobat pikirkan ? secara normal orang akan berpikir " Ini blog loadingnya lola banget sih, cuman loading mulu dari tadi."
Kemudian yang mungkin terjadi, si pencari informasi akan menutup tab blog itu kemudian mencari informasi yang sama dari blog lain. Dengan begitu efeknya trafik blog pasti menurun, oleh karena kita perlu optimasi secara keseluruhan pada blog.

Untuk melihat seberapa cepat blog sobat, sobat dapat menggunakan beberapa service dari website online, seperti yang sering saya gunakan ketika optimasi blog yaitu GTmetrix.com.
Di sana kita bisa melihat score penilaian dan beberapa rekomendasi untuk meningkatkan kecepatan loading blog.
Sebagai contoh ini adalah screenshot hasil score blog ini sebelum optimasi.

Pada hasil result score sobat dapat melihat apa saja yang menyebabkan cepat atau lambatnya blog sobat.

Berikut ini merupakan hal yang saya rekomendasikan untuk optimasi loading blog sobat.

Optimizing Images : Jika sobat menggunakan foto pada blog sobat pastikan foto tesebut sudah dioptimasi, untuk optimasi foto sobat dapat menggunakan Yahoo ! Smush.it
Combine images using CSS sprites : Jika sobat menggunakan banyak foto, misalnya pada social bookmarking, maka lebih menggunakan CSS sprites untuk mengurangi total HTTP request.
Specify image dimensions : Pastikan semua foto sobat sudah terlengkapi dengan tag width dan height.
Remove Unused CSS : Hapus semua kode CSS yang sobat anggap tidak perlu.
Place CSS in Head : Jika sobat menggunakan kode CSS eksternal letakkan kode tersebut dibawah tag pembuka head, hal ini bertujuan agar kode CSS lebih cepat terload.
Put Javascript at bottom : Jika sobat menggunakan javascript, misal js back to top, js emoticon dan sebagainya, letakkan javascript tersebut pada bagian bawah template. 

Dan setelah saya terapkan beberapa optimasi di atas inilah result dari blog ini
Untuk perbandingannya lihat di sebelah kanan hasil score YSlow Grade.
Lumayan nambah cepet loading blognya. Untuk tutorial optimasi selanjutnya silahkan tunggu post berikutnya, nunggu kelar ikutan ujian SNMPTN. Sekalian minta doanya biar bisa lolos ya.

Klikgaul.com Portal Berita artis ,K-Pop , Zodiak, Love Paling Keren dan Update
Sekain dulu post kali ini semoga bermanfaat bagi semua.

7 comments:

  1. Wah, mantap nih
    bisa buat web nya jadi kenceng :D

    BalasHapus
    Balasan
    1. iya sob,,, (mringis)
      tapi kalo buat blogger rada susah emang optimasinya,, (x_x)
      soale mesti ngedownload default CSS dari Blogger,,
      padahal banyak banget kode CSS nya yg gak kepakai,,

      tapi tetep harus semagat buat optimasi (yosh)

      Hapus
  2. yes.. blog aku 92% sob.. sama

    BalasHapus
  3. udah kenceng bagus banget lagi templatenya,, keren euyy sambil jalan2 bernostalgia mencari inspirasi :)

    BalasHapus
  4. (mringis) asik blog saya 94%
    Nice info nih sobat, Rajin² kesini ah, biar dapet info blogger lain :D

    BalasHapus
  5. mantep kang...wajib dicoba nih....
    tmbah keren aje blognya....

    BalasHapus
  6. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus