Lompat ke konten Lompat ke sidebar Lompat ke footer

5 Cara Meringankan Blog Untuk Mempercepat Loading Situs

Cara Meringankan dan Mempercepat Blog

Mempunyai blog dengan loading yang cepat tentu menjadi cita-cita setiap blogger. Bagi para developer template, meringankan ukuran blog tentu bukan sebuah perkara yang susah, namun hal tersebut tentu tidak berlaku untuk blogger pemula menyerupai saya dulu, yang mampu dibilang buta akan koding Template menyerupai CSS, HTML dan JS.

Setelah browsing kesana kemari, mencoba trik ini itu, alhasil saya sedikit mulai paham bagaimana cara mempercepat blog, melalui artikel ini saya ingin mencoba mengembangkan apa yang sudah saya ketahui ihwal meringankan loading dari sebuah situs blog.

Cara Mempercepat Loading Blog


Cukup basa-basinya, pribadi saja silahkan disimak ketujuh cara mempercepat loading blog yang sudah terbukti ampuh, dibawah ini.

1. Hapus CSS Reset Blogger


Apa itu CSS Reset Stylesheet Blogger ? sederhanya, CSS Reset Blogger yakni halaman web yang berisi CSS yang berkaitan dengan widget default blogger, alasan kenapa Anda harus menghapusnya yakni untuk meringankan blog dengan mengurangi jumlah repon, alasannya yakni CSS Reset Blogger ini akan mengirim respon ke server blogger, dengan menghapus atau mematikannya, maka situs kita tidak akan meload halaman CSS Reset Blogger.

Cara untuk menghapus CSS Reset Blogger bahwasanya tidak terlau susah, bahkan terbilang cukup mudah, namun sebelum menghapusnya ada baiknya backup template terlebih dahulu.

  1. Buka menu edit template Blogger
  2. Cari <b:skin><![CDATA[ lalu ganti dengan &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
  3. Simpan template

2. Hapus JavaScript Widget Default


Secara default, widget menyerupai Blog Archive telah dipasang JavaScript jadi jikalau blog Anda menggunakan Widget Archive maka akan meload JavaScript default (bawaan) Bloger, untuk mengatasi hal ini juga perlu menghapusnya dengan cara berikut ini.

  1. Seperti biasa, buka edit template Blogger
  2. Cari instruksi </body> ubah dengan &lt;!--</body>--&gt;&lt;/body&gt;
  3. Simpan / save template

3. Hapus CSS Font Stylesheet


Menambah custom font stylesheet akan membuat blog kita menjadi lemot / lama ketika diakses, alasannya yakni dengan mencustom font, maka akan ada suplemen respond yang harus di load oleh pengunjung blog, yaitu situs dari penyedia font tersebut dalam hal ini biasanya yakni Google Font. Jika Anda ingin menghapus font stylesheet, silahkan ikuti caranya dibawah ini.

  1. Cari instruksi rel='stylesheet'
  2. Hapus CSS yang mengandung nama Font, pola <link href='http://fonts.googleapis.com/css?family=Oswald:400,500' rel='stylesheet' type='text/css'/>
  3. Simpan template

4. Hindari Menggunakan Background Gambar


Jika ketika ini template Anda menggunakan background gambar, maka sebisa mungkin hapus gambar tersebut, namun jikalau Anda ngotot untuk memasng gambar pada background, maka saran saya cobalah untuk mengubahnya menjadi gambar pattern grid / gambar berpola garis, jadi nanti mampu kita aplikasikan css background repeat, yang efeknya dapat meringankan load situs alasannya yakni hanya perlu meload gambar dengan ukuran kecil.

Masuk ke edit template, lalu cari selector body, gunakan CTRL + F biar lebih mudah.
Tambahkan instruksi background: url(http://2.bp.blogspot.com/-JCjoJ8AM86M/UrJjp2KOy_I/AAAAAAAAAX8/epdEE5FkMfQ/s0/noisy_grid.png) repeat scroll top left
Simpan template

* ubah url gambar, dengan gambar yang anda inginkan

5. Hindari Menggunakan Script External


Salah satu pola script dari luar situs itu menyerupai script counter Google Analytic atau semacamnya, jikalau Anda memasang script tersebut, maka terperinci blog kita akan mengirim respond ke situs Google Analytic dan hal ini terperinci akan menambah berat dan menimbulkan load situs kita menjadi lama.

* jikalau anda tetap ingin menggunakan script counter stat, silahkan saja, alasannya yakni dari segi ukuran load scriptnya juga tidak terlalu besar.

Trik mempercepat blog ini khusus untuk blogger, sementara untuk pengguna wordpress (self host) sudah ada plugin yang mampu meringankan load situs menyerupai salah satu contohnya W3 TotalCache.

Hasil


Hasil Cara Mempercepat Blog

Gambar tersebut merupakan hasil penerapan dari kelima cara mempercepat load blog yang saya bagikan diatas. Menurut saya pribadi load blog benar-benar menjadi ringan alasannya yakni hanya ada 6 Request dan Page Load Time yang hanya butuh waktu 1 detik saja.

Itulah, cara mempercapat load blog dengan memangkas JavaScript dan CSS Reset Blogger, silahkan dipraktekkan dan jikalau ada pertanyaan silahkan ejekan melalui kolom komentar, akan saya bantu sebisa saya.

Posting Komentar untuk "5 Cara Meringankan Blog Untuk Mempercepat Loading Situs"