5 Cara Menambahkan kode Mempercepat Loading Blog

Mempunyai blog dengan loading cepat tentu menjadi impian setiap blogger. Bagi para Developer template, meringankan ukuran blog tentu bukan sebuah perkara yang susah, namun hal tersebut tentu tidak berlaku untuk blogger pemula seperti saya dulu, yang bisa dibilang buta akan koding Template Seperti CSS, HTML, dan JS.

Setelah browsing kesana kemari, mencoba trik ini itu, akhirnya saya sedikit mulai paham bagaimana cara mempercepat blog, melalui artikel ini saya ingin mencoba berbagi apa yang sudah saya ketahui tentang meringankan Loading dari sebuah situs blog.

oke langsung saja ke topik permasalahan cara mempercepat loading blog yang sudah terbukti ampuh, di bawah ini :

1. HAPUS CSS RESET BLOGGER

Apa itu CSS reset Stylesheet Blogger? Sederhananya , CSS  Reset Blogger adalah halaman web yang berisi CSS yang berkaitan dengan widget default blogger, alasan kenapa anda harus menghapus karena untuk meringankan blog dengan mengurangi jumlah respon, karena CSS Reset Blogger ini akan mengirim respon ke server blogger, dengan menghapus atau mematikan, maka situs kita tidak akan meload halaman CSS Reset Blogger.

Cara untuk menghapus CSS Reset Blogger sebenarnya tidak terlalu susah, bahkan terbilang cukup mudah, namun sebelumnya menghapusnya ada baiknya backup Template terlebih dahulu.

• Buka menu Template Blogger
• Cari kode

<b:skin><![CDATA[

• Lalu ganti dengan kode

<style type="text/css"><!-- /* <![CDATA[

• Simpan Template

2. HAPUS JAVASCRIPT WIDGET DEFAULT

Secara default, widget seperti Blog Archive telah dipasang JavaScript jadi jika blog Anda menggunakan Widget Archive maka akan meload JavaScript default bawaan Blogger, untuk mengatasi hal ini juga perlu menghapusnya dengan cara berikut ini.

• Seperti biasa, buka edit template blogger
• Cari kode 

</body>

• rubah dengan kode di bawah ini :

&lt;!--</body>--&gt;&lt;/body&gt;

3. HAPUS CSS FONT STYLESHEET

Menambahkan custom font stylesheet akan membuat blog kita lemot dan lama saat di akses, karena dengan mencustom font, maka akan ada tambahan respond yang harus di load oleh pengunjung blog, yaitu situs dari penyedia font tersebut dalam hal ini biasanya adalah Google Font. Jika anda ingin menghapus font stylesheet silahkan cara berikut di bawah ini :

• Cari kode 

rel='stylesheet'

• Hapus CSS yang mengandung nama Font, contoh 

<link href='http://fonts.googleapis.com/css?family=Oswald:400,500' rel='stylesheet' type='text/css'/>

• Simpan Template

4. HINDARI MENGGUNAKAN BACKROUND GAMBAR

Jilka saat ini Template anda menggunakan backround gambar, maka  sebisa mungkin hapus gambar tersebut, namun jika anda ngotot untuk memasang gambar pada backround, maka saran saya cobalah untuk mengubahnya menjadi gambar pattern gird / gambar berpola garis, jadi nanti bisa kita aplikasikan CSS Backround repait, yang efeknya dapat meringankan load situs karena hanya perlu meload gambar berukuruan kecil.

• Masuk ke Template Blogger, lalu cari selector body, gunakan CTRL F agar lebih mudah tambahkan kode backround :

url(http://2.bp.blogspot.com/-JCjoJ8AM86M/UrJjp2KOy_I/AAAAAAAAAX8/epdEE5FkMfQ/s0/noisy_grid.png) repeat scroll top left

• Simpan Template

5. HINDARI MENGGUNAKAN SCRIPT EXTERNAL 

Salah satu contoh script dari luar situs itu seperti script counter Google Analytic atau semacamnya, jika anda memasang script tersebut, maka jelas blog kita akan mengirim respond ke situs Google Analytic dan hal ini jelas akan menambah berat dan mengakibatkan load situs kita jadi lama.

Jika anda tetap ingin menggunakan Script counter stat, silahkan saja, karena dari segi ukuran load scriptnya juga tidak terlalu besar.

Tips mempercepat blog ini khusus untuk blogger, sementara untuk pengguna wordpress (self host) sudah ada plug in nya sendiri untuk meringnkan loading situs seperti satu contohnya W3 TotalCache.

itulah cara mempercepat loading blog dengan memangkas JavaScript dan CSS Reset Blogger, silahkan di praktekan dan jika ada pertanyaan silahkan ajukan melaluli kolom komentar / Contact , insya allah akan saya bantu semampu saya.

Share this post