Meringankan & Mempercepat Loading Blog (Part 1)

Jump to:


DickeyPic
Blog yang ringan, tentunya akan lebih disukai pengunjung. Tentunya kita kesal jika mengunjungi blog yang terlalu banyak content atau widget yang kurang perlu, sehingga menyiksa koneksi kita. Karena tidak semua orang mempunyai koneksi negbut ala setan. Bahkan beberapa mungkin suka ngadat di tengah jalan ketika dipakai browsing. Belom lagi kalau koneksinya lelet. Nah, kali ini DickeyMaru akan membagikan 20 trik agar Blog tetap ringan dan loading nyaris ngebut. Tutorial ini akan aku bagi menjadi 5 bagian atau partisi. Agar halaman posting tutorial ini tidak terlalu berat juga. Ini dia trik yang Dark Ard gunakan pada DickeyMaru agar tetap ngebut meski terlalu banyak widget.

Jangan Terlalu Banyak Menggunakan Gambar

Gambar, adalah salah satu faktor penyebab blog menjadi berat. Terutama untuk blogger yang memakai template sendiri. Kebanyakan template blogger yang didapat dari hasil download, tentu memakai gambar sebagai background dan pernak-pernik lainnya. Apalagi ketika template itu diedit ulang oleh pemilik blog untuk di design lagi atau ditambahin pernak-pernik lain. Makin berat kan? Tips dari Dark Ard:
Jangan terlalu banyak menggunakan gambar animasi bergerak atau GIF animation.
Menggunakan banyak animasi, sudah jelas membuat blog berat, bahkan membuat komputer lamban. bayangkan saja, satu browser yang bekerja pada komputer harus menggerakkan beberapa gambar dalam waktu bersamaan. Apalagi jika size gambar tersebut terlalu besar.
Hindari penggunaan gambar beresolusi besar.
Gambar yang beresolusi besar, meskipun tidak bergerak juga mempengaruhi loading blog. Jadi sebaiknhya gunakan gambar yang resolusinya kecil-kecil saja.
Hindari penggunaan gambar bermemori besar.
Apakah perbedaan resolusi dan memori? Resolusi adalah ukuran gambar dari lebar/tingginya. Contoh ukuran 2 meter x 5 meter (sekedar contoh untuk pemahaman saja). Sedangkan bermemori besar, jika size gambar tersebut melebihi 100Kb. Sebaiknya gunakan gambar yang sizenya kecil. Agar sizenya kecil, bisa menggunakan Compressor Tool atau Optimizer, di Google banyak kok. Yang online juga ada. Dengan begitu, selain load gambar tersebut menjadi lebih cepat, juga menghemat bandwidth hosting yang kalian gunakan.

Satukan Beberapa Gambar Kecil Dengan CSS Sprite

Teknik CSS sprite juga dapat membantu loading blog. Apakah CSS Sprite itu? Menyatukan beberapa gambar kecil menjadi satu, kemudian cara menampilkannya dengan CSS, alias dijadikan gambar background. Background yang menggunakan CSS kan bisa diatur jarak dan posisi backgroundnya. Karena itu trik ini juga sangat membantu loading blog. Salah satu contoh situs yang memakai teknik ini adalah Facebook. Coba kamu copy URL gambar logo comment atau jempol like di Facebook. Pasti gambar semua icon-icon tersebut digabung / dijadikan satu. Lain kali kita bahsa lebih jauh mengenai CSS Sprite.

Gunakan JPG, GIF, atau PNG. Hindari BMP

Untuk website atau blog, sebaiknya menggunakan format gambar yang browser support, dan yang sekiranya berukuran kecil tetapi dengan kualitas bagus. Saya menganjurkan untuk menggunakan JPG, GIF, atau PNG. Jangan menggunakan BMP, karena gambar yang disimpan dalam format BMP size nya selalu sangat besar.

Compress Semua Script HTML, CSS, Dan JavaScript

Ini juga hal yang sangat penting. Compress semua script yang kamu gunakan. Untuk pengguna blogger yang suka otak-atik template, tentunya kamu sering melihat bahakan keseluruhan kode pada template kebanyakan memakai spasi. Seandainya semua spasi tersebut dihapus, maka loading kamu akan lebih cepat. Spasi pun meski tidak terlihat, tetapi dia tetaplah sebuah karakter, dan memeiliki ukuran atau size.
Seandainya satu spasi ukurannya 1byte. Dan ada 100.000 spasi di template kita, yang sebenarnya ridak berguna. Berarti kita telah me-load 100Kb untuk hal yang sia-sia. Jadi untuk para webmaster atau blogger, sebaiknya menghapus spasi-spasi yang tidak digunakan. Toh spasi tersebut hanya digunakan untuk mempermudah pembacaan script saja. Jika kamu merasa sudah expert, kenapa nggak untuk menghapus semuanya secara manual? Hasilnya tentu akan lebih masksimal.


Jump to:
Comments

5 comments:

  1. pertamina...

    blog ane dh trmasuk sob http://fresh-tutor.blogspot.com/

    ReplyDelete
  2. jahh ane sampe sekarang belum bisa yg namanya CSS Sprite :3

    ReplyDelete
  3. pengen coba ah semua trik biar blog ringan ala mas dickey ^_^

    ReplyDelete
  4. blog ane termasuk nggak gan.
    www.bagas2090.blogspot.com

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other