Lompat ke konten Lompat ke sidebar Lompat ke footer

10 Cara Mempercepat Loading Blog Pada Platform Blogger

ivhaa.net

10 Cara Mempercepat Loading Blog Pada Platform Blogger - Kecepatan Blog tentu sangatlah berpengaruh untuk SEO pada blogger. Apalagi Google sudah memperbarui Algoritma pada bulan Juni Lalu, dengan poin ini kecepatan sebuah blog jadi faktor utamanya.

Bila kita menggunakan blogger harus mengerti tentang koding karena beda dengan platfrom wordpress yang cukup menggunakan plugin. Sekarang juga ada layanan jasa mempercepat loading blog, bila saya rekomendasikan yang ingin menyewa jasa loading blog untuk blogger kepada Ozik Jarwo dia adalah Master mempercepat loading blog. Dan bila ingin mempercepat untuk platfrom wordpress bisa ke Sawal Walker, beliau juga buka jasa mempercepat loading blog.

10 Cara Mempercepat Loading Blog

Apa aja cara mempercepat loading blog pada blogger, berikut ini adalah langkah cara - caranya.

1. Optimasi Gambar Pada Postingan

Ini yang terkadang membuat para blogger jarang menganggap sepele, yaitu tidak optimasi gambar pada postingan. Dengan gambar yang memiliki ukuran besar sangat mempengaruhi saat blog di muat pada sebuah browser. Bila cuma membuat postingan satu gambar lebih baik compress dulu, atau bisa gunakan format gambar PNG atau yang terbaru yaitu WebP.

2. Jangan Pasang Widget Terlalu Banyak

Terkadang buat blogger pemula karena ingin membuat blog tampilannya bagus mereka memasang widget di blog dengan sesuka hati. Hal ini menyebabkan loading lemot saat di akses. Lebih baik gunakan widget sesui kebutuhan atau yang paling di perlukan, seperti blog saya hanya 3 widget yang saya pakai.

3. Perhatikan Pemasangan Iklan

Demi mendapatkan banyak klik dari pengunjung, terkadang para blogger memasang iklan secara berlebihan pada sebuah blog. Dengan banyak iklan ini akan membuat loading blog menjadi lemot dan akan membuat pengunjung menjadi terganggu. Saya sarankan lebih baik pasang iklan sewajarnya aja agar blog ringan dan tidak mengganggu pengunjung yang datang membaca artikel kita.

4. Jangan Gunakan Warna Berlebihan

Demi mempercantik sebuah blog, para pengguna memasang warna secara berlebihan, ini juga akan membuat loading blog menjadi lelet. Lebih baik gunakan warna hitam atau putih saja, coba agan perhatikan para website besar hanya menggunakan 3 jenis warna pada blog mereka.

5. Pasang Script Leverage Browser Caching

Leverage Browser Caching berfungsi untuk mengatur usia maksimal header HTTP / HTTPS yang berkaitan dengan sumber kode CSS, Javascript dan gambar yang berkaitan lainnya, sehingga mengaitkan browser untuk suruh downloud sebelumnya di server lokal.

Untuk memasang kode tersebut bisa di letakan di bawah kode <head> pada blog kalian, dan kode tersebut seperti ini.

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

6. Memasang Icon SVG

Icon SVG ini adalah pengganti Fontawesome pada blog, bila menggunakan fonsawesome akan membuat loding blog memjadi lelet, sudah banyak blogger yang beraling menggunakan icon svg pada blog mereka supaya mempercepat loading saat diakses.

7. Menghapus CSS, Javascript dan Widget Budle

Dengan menghapus kode CSS dan Javascript dan widget Budle ini akan mempercepat loading pada blog, banyak para desainer blogger yang sudah membuat template menjadi seperti ini.

Trus masuk ke "Theme" lalu pilih "Edit HTML".
1. Langkah Pertama
  1. Cari kode sbb:

    <body>
    ...
    ...
    ...
    </body>
  2. Yang ditandai kuning <body> ganti dengan:

    &lt;!--<body>--&gt;&lt;body&gt;
  3. Yang ditandai biru </body> ganti dengan:

    &lt;!--</body>--&gt;&lt;/body&gt;
  4. Simpan template.
2. Langkah Kedua
  1. Cari kode sbb:

    <head>
    ...
    ...
    ...
    </head>
  2. Yang ditandai kuning <head> ganti dengan:

    &lt;!--<head>--&gt;&lt;head&gt;
  3. Yang ditandai biru </head> ganti dengan:

    &lt;!--</head>--&gt;&lt;/head&gt;
  4. Simpan template.
3. Langkah Ketiga
  1. Cari kode sbb:

    <b:skin><![CDATA[
    ...
    ...
    ...
    ]]></b:skin>
  2. Yang ditandai kuning <b:skin><![CDATA[ ganti dengan:

    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
    <style type='text/css'>
  3. Yang ditandai biru ]]></b:skin> ganti dengan:

    </style>
  4. Simpan template.

8. Pasang Script Load Lazy Image

Dengan memasang script lazy load image ini juga akan membuat blog kita menjadi sangat cepat saat diakses, cukup aja pasang kode ini di atas kode </body> pada template blog kalian.

<script type='text/javascript'>//<![CDATA[ function ignielLazyLoad(){eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('u B(){Y(v e=o.1r("B"),t=0;t<e.1q;t++)Q(e[t])&&(e[t].N=e[t].1p("1n-N"))}u Q(e){v t=e.1t();Z t.1x>=0&&t.1w>=0&&t.1v<=(y.1u||o.T.1m)&&t.1k<=(y.1c||o.T.1b)}v b=["\\r\\m\\m\\D\\G\\a\\f\\c\\M\\n\\p\\c\\a\\f\\a\\k","\\h\\f","\\r\\c\\c\\r\\l\\A\\D\\G\\a\\f\\c","\\g\\h\\r\\m","\\p\\l\\k\\h\\g\\g","\\V\\1a\\1e\\R\\h\\f\\c\\a\\f\\c\\M\\h\\r\\m\\a\\m","\\w\\p\\a\\1l\\p\\c\\k\\n\\l\\c","\\r","\\1f\\w\\a\\k\\L\\1j\\a\\g\\a\\l\\c\\h\\k\\W\\g\\g","\\g\\a\\f\\q\\c\\A","\\w\\p\\a\\k\\W\\q\\a\\f\\c","\\c\\a\\p\\c","\\m\\h\\l\\w\\F\\a\\f\\c\\D\\g\\a\\F\\a\\f\\c","\\1i\\h\\m\\L","\\l\\g\\n\\l\\1g","\\p\\l\\k\\h\\g\\g\\1h\\h\\J","\\c\\h\\J","\\q\\a\\c\\S\\h\\w\\f\\m\\n\\f\\q\\R\\g\\n\\a\\f\\c\\1z\\a\\l\\c","\\A\\k\\a\\X","\\a\\1y\\a\\l","\\q\\a\\c\\D\\g\\a\\F\\a\\f\\c\\S\\L\\1F\\m","\\p\\l\\k\\h\\g\\g\\U\\a\\n\\q\\A\\c","\\n\\f\\f\\a\\k\\U\\a\\n\\q\\A\\c","\\J\\k\\a\\G\\a\\f\\c\\V\\a\\X\\r\\w\\g\\c","\\n\\c\\a\\F"];u I(d,j){y[b[0]]?y[b[0]](d,j):y[b[2]](b[1]+d,j)}I(b[3],B),I(b[4],B),o[b[0]](b[5],u(){b[6];Y(v d=o[b[8]](b[7]),j=d[b[9]],s=/1D|1B/i[b[11]](1G[b[10]])?o[b[12]]:o[b[13]],C=u(d,j,s,C){Z(d/=C/2)<1?s/2*d*d*d+j:s/2*((d-=2)*d*d+2)+j};j--;){d[b[1C]](j)[b[0]](b[14],u(d){v j,E=s[b[15]],x=o[b[1A]](/[^#]+$/[b[19]](1H[b[18]])[0])[b[17]]()[b[16]],z=s[b[1d]]-y[b[1s]],O=z>E+x?x:z-E,K=1o,H=u(d){j=j||d;v x=d-j,z=C(x,E,O,K);s[b[15]]=z,K>x&&P(H)};P(H),d[b[1E]]()})}});',62,106,'||||||||||x65|_0x1b5d|x74|_0xdd48x2||x6E|x6C|x6F||_0xdd48x3|x72|x63|x64|x69|document|x73|x67|x61|_0xdd48x4||function|var|x75|_0xdd48x7|window|_0xdd48x8|x68|lazy|_0xdd48x5|x45|_0xdd48x6|x6D|x76|_0xdd48xb|registerListener|x70|_0xdd48xa|x79|x4C|src|_0xdd48x9|requestAnimationFrame|isInViewport|x43|x42|documentElement|x48|x44|x41|x66|for|return|||||||||||x4F|clientWidth|innerWidth|21|x4D|x71|x6B|x54|x62|x53|left|x20|clientHeight|data|900|getAttribute|length|getElementsByClassName|22|getBoundingClientRect|innerHeight|top|right|bottom|x78|x52|20|trident|24|firefox|23|x49|navigator|this'.split('|'),0,{}));} eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('j 4=["\\7\\9\\9\\e\\d\\a\\b\\8\\i\\g\\h\\8\\a\\b\\a\\k","\\f\\c\\7\\9","\\7\\8\\8\\7\\m\\l\\e\\d\\a\\b\\8","\\c\\b\\f\\c\\7\\9"];5[4[0]]?5[4[0]](4[1],6,!1):5[4[2]]?5[4[2]](4[1],6):5[4[3]]=6;5[4[0]]?5[4[0]](4[1],6,!1):5[4[2]]?5[4[2]](4[1],6):5[4[3]]=6;',23,23,'||||_0xdfb4|window|ignielLazyLoad|x61|x74|x64|x65|x6E|x6F|x76|x45|x6C|x69|x73|x4C|var|x72|x68|x63'.split('|'),0,{})); //]]></script>

9. Gunakan CDN Untuk Javascript

Kalau melihat template amp tentu ada kode javascript yang di host kan pada pihak ketiga, setelah kode javascript tersebut sudah di host di layanan githup. Dengan menggunakan CDN ini tentu akan membuat blog menjadi ringan saat diakses dari perangkat apapun.

10. Gunakan Template AMP

Walaupun belum banyak yang menggunakan template amp, karena dengan template amp ini blog jadi sangat ringan saat diakses pada perangkat mobile. Bila kalian ingin membeli template amp lebih baik pada kompi ajaib aja.

Itulah mungkin tips dari saya bagaimana cara mempercepat loading blog, dengan loading blog yang cepat maka akan membuat informasi yang diberikan oleh pengunjung menjadi cepat sampai.

Beberapa platform blogspot yang saya kelola adalah https://www.linamuryani.web.id dan https://www.kanaljogja.com

Referensi : mastimon.com, igniel.com, kodejarwo.com, sawalwalker.com
Lina Muryani Selain di blog ini saya bisa ditemukan di beberapa blog yang saya kelola seperti Kanal Jogja, Wisata Lokal Indonesia dan Personal Blog Joko Yugiyanto

2 komentar untuk "10 Cara Mempercepat Loading Blog Pada Platform Blogger"

  1. Template AMP memang saat ini terbukti sangat ampuh untuk mempercepat loading blog, namun disatu sisi masih terlalu sedikit sekali tutorial tentang template AMP ditambah lagi komentar blogger tidak bisa dipasang di template AMP. Kalau andaikan bisa, otomatis pindah ke template AMP deh, biar loading blognya jadi cepat. hihihi :D

    BalasHapus
  2. Mantap sekali, ini nih triknya mas sawal

    BalasHapus