Cara Mempercepat Cepat Loading Blog Dengan Cara Ini

Cara mempercepat loading blog blogger (blogspot) dijamin efektif meningkatkan kecepatan pagespeed insight.

balahatun.com - Setiap blogger pasti tidak ingin blognya mempunyai kecepatan loading yang lambat, dampak dari lambatnya laoding blog akan berdampak ke pengunjung/visitor yang akan membuat mereka bosan dan tidak betah. Tidak hanya itu dampak lain akan membuat seo blog kita menurun.

Perlu diketahui pagespeed sangat berpengaruh terhadap kualitas blog, faktanya sudah jelas dikatakan pagespeed salah satu faktor penentu yang didiperhitungkan Google dalam menentukan peringkat blog anda dimesin pencarian.

Lalu apa saja faktor penyebab melambatnya pagespeed blog? Mari kita baca penjelasannya dibawah ini.

Penyebab Melambatnya Blog

Hal umum yang sering menjadi penyebab melambatnya loading blog dikarenakan hal berikut.

Template

Faktor pertama yang sering menjadi penyebab lamanya loading blog yaitu Template yang digunakan kurang bagus atau tidak SEO Friendly.

Widget Blog

Terlalu banyak Widget/Gadget yang digunakan tentu berpengaruh terhadap pemuatan blog yang akan melambat.

Script Pihak Ketiga

Menggunakan script pihak ketiga yang diakses melalui script pemanggil eksternal seperti css atau js yang diupload diluar template akan menambah dampak melambatnya pagespeed saat diakses.

Gambar Artikel

Thumbnail artikel sangat berperan penting dalam kecepatan loading blog oleh karena itu di sarankan wajib Compress/Kompresi gambar artikel yang akan digunakan untuk memperkecil ukuran gambar.

Iklan AdSense/iklan lainnya

Jika blog sudah menggunakan iklan tentu ini juga menjadi faktor melambatnya kecepatan blog kalian.

Tidak menggunakan LazyLoad

Google saja menyarankan agar kecepatan Website/Blog tidak lambat bisa memasang script LazyLoad, beberapa template tidak memasang script ini dan menjadi salah satu penyebab pagespeed melambat. Just info bagi yang belum tahu apa itu Lazyload? Penjelasannya cek google.

Terlepas dari semua penyebab diatas lalu bagaimana cara mengatasi Loading Blog/Blogspot blogger yang lambat? Baca lebih lengkap tutorialnya dibawah ini.

#6 Cara Meningkatkan Pagespeed Blogger

Beberapa cara untuk meningkatkan Pagespeed blog bisa anda terapkan berikut ini.

Gunakan Template Blogger fast Loading SEO Friendly

Hal pertama yang perlu anda benahi yaitu menganti template baru jika template sebelumnya kurang bagus, pilihlah template yang berkualitas Fast Loading dan SEO friendly disarankan menggunakan template blogger premium dan jangan gunakan template bajakan.

Blog ini menggunakan template Median UI yang menurut saya sangat bagus dan berkualitas tidak kalah sama template blogger premium lainnya, untuk score pagespeed saya cek di GTmetrik sebelumnya dikarenakan artikel blog ini masih sedikit jadi saya mengambil gambaran menggunakan blog saya yang lain menggunakan template yang sama, dan hasilnya sangat bagus bisa dilihat tampilan dibawah.

gtmetrik pagespeed skor

Masih bingung ingin menggunakan template blogger yang bagus? syaa rekomendasi template blogger premium fast loading seo friendly 2021 yang bisa anda gunakan di blogger blogspot berikut ini.

  1. Template VioMagz
  2. template viomagz

    Siapa yang tidak tahu template VioMagz karya mas sugeng ini terutama dikalangan blogger, sejak diterbitkan pada tahun 2018 template ini sempat viral dan dijuluki template sejuta umat sebab banyak yang menggunakannya. untuk kualitas jangan dipertanyakan lagi cocok untuk kalian yang bingung mau menggunakan template blogspot fast loading premium.

    Untuk memiliki template viomagz anda harus membelinya di situs resmi pembuatnya yaitu mas

    sugeng.id info lebih lengkap cek saja langsung atau anda bisa mendownload template viomagz klik tombol bawah ini secara gratis dari saya.
    Download

  3. Template LinkMagz
  4. template linkmagz

    Rekomendasi template fast loading ke dua yaitu LinkMagz template terbaru yang diterbitkan mas sugeng, desain simple tapi tetap mobile friendly dan speed lebih bagus dari VioMagz menurut saya,  membuatnya menjadi salah satu rekomendasi template terbaik yang cocok digunakan bagi blogger pemula. 

    Untuk memilikinya tentu tidak gratis kalian bisa membelinya di situs resmi mas sugeng.id atau bisa mendownload versi original dari saya disini
    Download

  5. Template Median UI
  6. template median ui

    Median UI menjadi template terbaik tahun ini menurut pendapat saya sebab template ini memiliki ciri khas yang unik dan memandangnya saja membuat saya nyaman, dengan mengusung tema UI yang mirip seperti gooogle itu merupakan menjadi pembeda dari segi template blogger premium lainnya. Blog ini sendiri menggunakan template median ui bagaimana pendapat kalian apakah fast loading? Berikan tanggapan dikomentar.

    Tertarik menggunakan Median UI premium blogger template? Kalian bisa membelinya di jagodesain.com, untuk yang belum ada uang bisa mendownload versi origanal dari saya persis seperti yang digunakan blog ini klik tombol.
    Download

Optimalisasi Gambar

Gambar yang akan digunakan untuk keperluan blog wajib dioptimalkan terlebih dahulu hal ini akan meningkatkan kecepatan pagespeed blog secara signifikan sebab thumbnail pada artikel berperan penting terhadap pemuatan halaman pada blog.

  1. Gunakan Format Gambar yang Tepat
  2. Pada umumnya terdapat tiga format gambar yang sering digunakan atau kompatibel dengan berbagai jenis browser yaitu JPEG/JPG, PNG dan GIF, Setiap format mempunyai kelebihan dan pastinya kekurangan tersendiri.

    Format JPEG merupakan format gambar yang direkomendasikan untuk digunakan gambar diblog, kelebihan format ini cocok untuk objek nyata dan alam. Kekurangannya jika objek gambar berupa desain vektor akan memiliki kualitas gambar terlihat ngeblur, objek seperti itu lebih cocok digunakan menggunakan format PNG.

    Format PNG kurang direkomendasikan untuk gambar diblog sebab memiliki size yang besar dan ini akan menyebabkan melambatnya pagespeed blog, Kelebihan mengunakan format ini lebih terkesan HD apalagi untuk objek desain vektor dan graphic.

    Format GIF merupakan format untuk gambar/foto bergerak namun format ini jarang digunakan  diblog jadi tidak terlalu penting untuk pakai.

  3. Pilih Ukuran Gambar Sesuai Dimensi Blog
  4. Dimensi Ukuran Gambar perlu diperhatikan untuk blog sebab dimensi gambar yang tidak sinkron sama tampilan blog itu akan berdampak terhadap kecepatan pemuatan blog itu sendiri tentu saja itu tidak baik.

    Rekomendasi ukuran thumbnail blog bisa kalian sesuaikan dengan dimensi ukuran blog masing-masing, atau pada umumnya dimensi ukuran gambar yang baik yaitu

    Ukuran 600 X 400 pixel(lebar x panjang)
    Ukuran 700 X 360 pixel (lebar x panjang)

    Ukuran di atas bisa kalian sesuai kebutuhan sedangkan blog ini menggunakan gambar ukuran 600 X 300 PIXEL. Pilih yang mana?

  5. Compress Gambar
  6. Kompresi ukuran gambar sangat penting sebab ukuran size gambar sebelum dikompresi biasanya memiliki ukuran besar dan itu wajib dioptimalkan dengan cara menggunakan webtools Compress Image secara online.

    Sebelumnya tidak perlu mengkhawatirkan soal kualitas gambar yang akan menurun atau terlihat buram karena cara kerja kompressi menggunakan algoritma khusus yang membuat ukuran gambar menjadi kecil tanpa mengurangi kualitas gambar itu sendiri, berikut rekomendasi situs penyedia layanan memperkecil ukuran gambar secara GRATIS!!

    compressjpeg.com
    iloveimg.com
    kraken.io
    compressjpg.net
    tinyjpg.com

  7. Gunakan Script LazyLoad
  8. LazyLoad merupakan salah satu metode menunda menampilkan gambar yang ada di blog, efeknya ini bisa mempercepat blog saat diakses, cara kerjanya sangat simple selama halaman blog tidak discroll pembaca maka gambar tidak akan dimuat/tampil hanya akan terlihat loading saja.

    Cara memasang script LazyLoad ini buka Blogger.com > Tekan menu Tema > Pilih Edit HTML > Temukan kode </body> atau &lt;!--</body jika ketemu pastekan script lazyload berikut tepat diatas kode yang dicari.

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Klik Simpan Tema selesai.

Kompressi CSS dan JavaScript

Tidak hanya gambar yang perlu dikompress element yang terdapat diblog seperti HTML, CSS, JAVASCRIPT juga bisa dioptimalisasi dengan cara dikompress cara ini juga berdampak terhadap kecepatan loading blog.

Cara kerja kompressi sendiri mengunakan algoritma yang dapat menghapus karekter yang tidak berguna secara terukur tanpa mengubah fungsi script itu sendiri. Lalu caranya apakah manual? tentu tidak karena kita akan menggunakan webtools kompressi online yang menyediakan layanan memperkecil ukuran kode CSS dan JS ini secara otomatis.

Untuk template premiun biasanya sudah dioptimalkan kode js/css oleh sipembuat hanya saja tidak semua, dibeberapa template premium saya melihat kode CSSnya belum dikompressi jadi kalian bisa menyesuaikan kode yang mana perlu dioptimalkan lalu caranya bagaimana? Ikuti langkah ini.

Buka Dashboard blogger.com > Tekan menu Tema > Pilih Edit HTML > Temukan kode <style> atau <b:skin> dan  Salin/Copy kode CSS dari tag pembuka sampai ke tag penutup.

Lalu buka salah satu situs webtools kompressi script berikut.

cssminifier.com
minifier.org
toptal.com
cleancss.org

Tempelkan script yang disalin baik itu CSS maupun JavaScript dikolom tersedia pilih format kode JS/CSS yang akan dikompressi selanjutnya tekan tombol Minify dan Salin kode tersebut pastekan ke template blog tempat awal kode CSS/JS tersebut.

Kurangi Penggunaan Widget/Gadget

Widget element yang terdapat pada blog biasanya terdapat widget Popular Post, Label, Featured, Gadget HTML, Widget Social Media dan Afiliasi.

Sebaiknya kurangi penggunaan Widget dengan cara menghapusnya widget yang menurut kalian tidak terlalu penting seperti penggunaan gadget social media, afiliasi, gadget html yang terlalu berlebihan sebaiknya dihapus saja bedakan mana yang penting dan mana yang bikin pusing.

Batasi Jumlah Iklan

Sudah fakta bahwa iklan menjadi penghalang kecepatan blog oleh karena itu sebaiknya segera kurangi jumlah iklan yang ditayangkan, logikanya begini semakin banyak iklan semakin melambat blog kalian jika menggunakan beragam iklan gunakan saja 1-5 tampilan iklan, itu sudah terbilang rekomendasi.

Bagi yang menggunakan iklan Google AdSense bisa sedikit bernafas lega karena solusi selalu ada cukup dengan menggunakan Script LazyLoad khusus untuk iklan AdSense dengan script ini bisa memperkecil lambatnya blog kalian, cara kerjanya sama seperti LazyLoad Gambar jadi tidak perlu dijelaskan lagi.

Cara memasangnya pertama Buka Dashboard blogger.com > Tekan menu Tema > Pilih Edit HTML > Temukan kode </body> jika sudah ketemu Copy/Salin kode LazyLoad AdSense dibawah lalu tempelkan tepat diatas kode yang dicari tadi.

<script type="text/javascript">//<![CDATA[
var adsenseLazyload = false; window.addEventListener("scroll", function(){ if ((document.documentElement.scrollTop != 0 && adsenseLazyload === false) || (document.body.scrollTop != 0 && adsenseLazyload === false)) { (function() { var ad = document.createElement('script'); var att = document.createAttribute('data-ad-client'); att.value = 'ca-pub-3776322894567500'; ad.setAttributeNode(att);  ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); adsenseLazyload = true; } }, true)
//]]></script>

Ganti kode ca-pub-3776322894567500 yang ada di script dengan kode penayang iklan google adsense kalian, jika sudah diganti klik Simpan Tema selesai.

Batasi Jumlah Postingan Blog

Cara ini sebenarnya tidak terlalu berpengaruh namun tetap saja ini bisa menambah kecepatan blog dengan mengurangi jumlah tampilan artikel di beranda blog, biasanya default post blogger yang ditampilkan di bawaan blog 10 postingan namun kebanyakan 7 postingan.

Tampilkan jumlah postingan sesuai kebutuhan masing-masing rekomendasi saya 3-5 postingan itu sudah bagus menurut kalian bagaimana?

Kesimpulan

Terlepas dari semua cara diatas tidak semua kasus sama jadi sesuaikan saja mana yang perlu dibenahi yang menjadi faktor penyebab utama lambat loading blog kalian, untuk pertanyaan bisa diajukan di kolom komentar dibawah.

demikianlah untuk artikel ini semoga menjawab kesulitan kalian dalam mengatasi lambatnya loading blog diblogger, Terima kasih.

Referensiku: https://bisablog.com

Rate this article

Getting Info...
Hey there! My name is Guntur aka Dev, a professional Web Designer, Graphic Designer, UI / UX Designer as well as Content Creator. I love to Code and create interesting things while playing with it.

2 komentar

  1. mantap ini jelas dan padat
  2. Jelas singkat dan juga padat
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details