Trik Supaya Blog Cepat Di Loading Dengan Mengotak Atik Kode Template

Ketika kita berbicara mengenai bagaimana supaya suatu halaman blog dapat diload dengan begitu cepat, umumnya sesorang akan memprioritaskan kecepatan internet sebagai faktor penentu kecepatan loading halaman web. Sebenarnya ada beberapa cara supaya blog tersebut cepat di muat dalam perangkat walaupun kecepatan internet sangat lemot atau lambat. Beberapa hal yang dapat kita lakukan yaitu dengan cara mempreteli beberapa kode-kode yang ada di template blog yang dianggap mengurangi kecepatan loading konten.

Beberapa kode-kode yang menyebabkan loading halaman tersendat adalah kode bundel template dari google yaitu <link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1738504331-widget_css_bundle.css' /> lalu ada kode JavaScript JQuery v2.2.1, Chace konten blog, dll. Terus bagaimana cara menghapus kode-kode tersebut tanpa merusak tampilan blog? berikut tutorial nya:

Sebelum melakukan tutorial dibawah, coba cek dulu kecepatan loading halaman web anda di https://developers.google.com/speed/pagespeed/insights/, lalu masukkan url web anda dan klik analisa. sekor kecepatan akan muncul setelah analisa selesai.

Cara Hapus Kode Bundle
1. Klik "Template" > "Backup Template". Backup dulu template Anda, untuk jaga-jaga kalo error.
2. Klik "Edit HTML".
3. Hapus kode widget_css_bundle.css! caranya temukan kode ini di template Anda: <b:skin><![CDATA[
4. Select All alias Copy & Paste SEMUA kode css yang ada di antara kode <b:skin><![CDATA[ dan ]]></b:skin> ke notepad
5. Setelah dicopypaste, hapus semua kode tersebut, sehingga yang tersisa hanya kode berikut ini:

<b:skin><![CDATA[

]]></b:skin> 

6. Hapus kode tersebut dan ganti (replace) dengan kode berikut ini:

<style type="text/css"> <!-- /* <b:skin><![CDATA[ */]]></b:skin>

7. Copas kode berikut ini di bawahnya atau di bawah kode

<style type="text/css">
... kode CSS di sini...
</style>

8. Copy & Paste kode CSS yang di langkah no. 4 disimpan di Notepad ke dalam kode di bagian yang ada tulisan ... kode CSS di sini...

9. Lalu Save Template.

Cara Hapus Kode JQuery
1. Cari JQuery di dalam template blog.
2. Ganti link eksternal JQuery dengan link https://code.jquery.com/jquery-3.2.0.slim.min.js. sehingga akan menjadi seperti ini:

<script src='https://code.jquery.com/jquery-3.2.0.slim.min.js'/>

3. Lalu Save Template.

Cara Menambah Masa Berlaku Chace
1. Buka menu Edit Html Template blog.
2. copas kode berikut dibawah kode <head>

<include expiration='7y' path='*.css'/>
<include expiration='7y' path='*.js'/>
<include expiration='3y' path='*.gif'/>
<include expiration='3y' path='*.jpeg'/>
<include expiration='3y' path='*.jpg'/>
<include expiration='3y' path='*.png'/>

3. Lalu Save Template.

Selesai, nah sekarang balik lagi ke halaman https://developers.google.com/speed/pagespeed/insights/ untuk menguji kemabali kecepatan loading halaman blog anda. Gimana, ada perdaanya gak? kalo blog kamu udah dipasangi iklan biasanya sekor berubah-ubag mengikuti ukuran gambar iklan yang teranalisa.
RELATED POST
Disqus Comments