10 Cara Mempercepat Loading Blog Yang Paling Efektif
Hampir semua para pengguna internet niscaya lebih menyukai situs blog atau pun website, yang mempunyai loading halaman cepat dikala dibuka.
Sebab mereka tidak ingin menunggu usang hanya untuk membaca sebuah artikel, yang sanggup mereka dapatkan juga ditempat atau situs lainnya.
Dan perlu kalian ketahui juga bahwa, kecepatan situs merupakan salah satu faktor penentu posisi blog atau website pada hasil SERP atau pencarian Google.
Tentu sangat disayangkan jikalau posisi halaman blog kalian berada diposisi terbawah, hanya dikarenakan loading blog kalian lambat.
Selain kalah bersaing dalam SERP Google, kemungkinan besar juga blog kalian akan sepi pengunjung karna blog kalian sulit untuk diakses.
Banyak sekali yang menjadi faktor penyebab lambatnya kecepatan blog, dan beberapa diantaranya memang terdengar sepele, akan tetapi pengaruh yang diberikan cukuplah merugikan.
Cara Untuk Mengetes Kecepatan Blog Maupun Website
Untuk mengetes seberapa cepat loading blog kalian, sanggup dilakukan secara online yaitu memakai sebuah tools online yang disediakan oleh beberapa layanan.
Ada cukup banyak layanan yang menyediakan alat atau tools gratis, untuk mengetes atau juga menganalisa kecepatan loading sebuah blog maupun website.
Beberapa diantaranya ialah ibarat Pingdom, GTmetrik, dan masih banyak lagi tools yang sanggup kalian gunakan untuk mengetahui seberapa cepat loading blog kalian.
Berikut 10 Cara Mempercepat Loading Blog Yang Paling Efektif
Dengan hanya menerapkan satu atau dua cara tentu tidak akan menawarkan pengaruh yang diharapkan, maka dari itu disini saya sudah menuliskan 10 cara mempercepat loading blog kalian.
1. Optimasi Ukuran Gambar
Dalam memakai gambar untuk postingan blog, memang jauh lebih baik dan akan lebih menarik dilihat oleh para pembacanya.
Tetapi ada baiknya jikalau melaksanakan meningkatkan secara optimal terlebih dahulu terhadap gambar yang akan digunakan, yakni dengan mengecilkan atau mengkompres ukuran file gambarnya.
Untuk mengkompresi ukuran file gambar kini sanggup kalian lakukan dengan memakai tools online, yang sanggup mengkompres ukuran tanpa mengurangi kualitas dari gambar tersebut.
2. Jangan Memakai Banyak Widget
Widget merupakan atribut perlengkap didalam sebuah blog atau pun website, tujuan dari adanya widget yaitu untuk memudahkan pengunjung blog untuk menemukan apa yang mereka cari.
Maka dari itu pasanglah widget yang berdasarkan kalian penting saja, alasannya jikalau terlalu banyak widget yang terpasang tentu akan memperberat loading blog kalian.
Menggunakan widget memang sangat bagus untuk navigasi pengunjung, akan tetapi jikalau terlalu berlebihan dampaknya akan menjadi buruk.
Menggunakan widget memang sangat bagus untuk navigasi pengunjung, akan tetapi jikalau terlalu berlebihan dampaknya akan menjadi buruk.
3. Gunakan Template Blog Yang Simpel Dan Ringan
Template atau tema blog juga sangat mensugesti kecepatan sebuah blog, jadi ada baiknya jikalau kalian menentukan template yang sederhana dan juga ringan saja.
Dengan memakai tema yang terlalu ribet juga bukan hanya memperlambat kecepatan blog, tetapi juga akan sangat kuat terhadap trafik blog kalian.
Pastikan terlebih dahulu bahwa template yang kalian gunakan tersebut SEO friendly dan juga responsive, biar waktu untuk membuka halaman lancar dan cepat.
4. Kurangi Jumlah Iklan Yang Terpasang
Memang benar dengan memasang iklan dalam jumlah yang banyak akan, berdampak pada meningkatnya penghasilan blog kalian.
Tetapi sebuah blog yang terlalu banyak menampilkan iklan pada satu halaman, bukan saja menciptakan pengunjung tidak nyaman, tetapi juga loading blog kalian akan menjadi berat.
Kaprikornus lebih baik untuk membatasi jumlah iklan yang ingin kalian pasang, paling tidak 4-5 iklan saja dalam satu halaman blog.
5. Mengkompres Ukuran CSS / Minify CSS
Dengan mengkompres ukuran script CSS blog kalian, tentu blog akan terasa lebih ringan karna secara otomatis ukuran file tersebut menjadi lebih kecil dari sebelumnya.
Untuk mengkompres ukuran file CSS saya lebih menyarankan bagi kalian yang tidak terlalu paham, untuk melakukannya secara otomatis saja.
Sebab jikalau dilakukan secara manual tentu akan sangat beresiko sekali, jikalau kalian tidak sengaja menghapus beberapa isyarat scriptnya.
Terkecuali bagi kalian yang memang memahaminya, tentu kalian sanggup dengan gampang untuk melakukannya sendiri atau manual.
6. Memasang JavaScript Lazyload Image
Memasang JavaScript Lazyload Image juga sanggup dibilang, salah satu cara yang paling efektif sekali untuk mempercepat loading blog kalian.
Cara kerja dari Lazyload ini ialah untuk melaksanakan penundaan gambar, hingga seluruh halaman blog telah tamat terbuka atau loading.
Kaprikornus dikala ada pengunjung yang mengklik blog kalian, maka gambar tidak akan tampil hingga halaman tersebut loading 100% dimuat atau terbuka.
Untuk memasang JavaScript Lazyload Image tidak terlalu sulit, dan disini saya sudah menawarkan langkah-langkahnya dan kalian tinggal mengikuti saja.
1. Buka blog kalian
2. Pilih template > edit HTML
3. Copy JavaScript Lazyload Image dibawah ini
<script type='text/javascript'> //<;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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXi38EDe12rEPPypdUl8_VYBi8oSz3-13nuTLqYnFk63uxLzF2rf_UVa8eL72dsxnTp5GeFhuxeiFvLy3mIvUOEcUR4U35hF0YYaG0gU86OCrwUJUgjiv1r3eJ93TKdRId5fAB-IG5p1E/s640/raynaldoblog.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>
4. Pastekan JavaScript yang tadi sudah kalian copy, sempurna diatas isyarat </body>
5. Simpan tema
Silahkan buka blog kalian untuk melihat perubahan yang terjadi, apakah sudah bekerja dengan baik atau belum.
7. Hindari Menggunakan Gambar Pada Background Halaman Blog
Mempercantik atau memperindah tampilan sebuah blog, tentu tidak ada salahnya sama sekali. Tetapi jikalau dilakukan secara berlebihan tentu dampaknya tidak akan sebaik yang diharapkan.
Menambahkan gambar pada background halaman blog merupakan salah satu contohnya, memang benar akan lebih mempercantik tampilan blog, akan tetapi loading blog kalian juga akan menjadi lebih berat.
Lebih baik untuk memakai background blog yang standart saja, tanpa harus menambahkan sebuah gambar biar tidak akan mensugesti kecepatan loading blog kalian.
8. Kurangi Jumlah Postingan Dihalaman Utama Blog
Mengurangi jumlah postingan dihalaman utama blog juga, sangat penting untuk dilakukan biar mempercepat loading blog kalian.
Sebab, semakin banyak postingan pada suatu halaman maka akan semakin usang pula waktu yang dibutuhkan untuk memuat seluruh halaman tersebut.
Usahakan untuk menampilkan 5-7 postingan saja pada halaman utama atau home page diblog kalian, biar waktu untuk memuatnya lebih cepat.
9. Jangan Menggunakan Effect Animasi
Lagi-lagi problem mempercantik tampilan blog yang sangat mensugesti kecepatan loading blog, maka dari itu jangan gunakan effect animasi apapun untuk blog kalian.
Banyak sekali effect animasi yang sanggup dipakai disebuah blog, dan salah satu misalnya ibarat effect salju, dauh jatuh, dan masih banyak lagi.
Sebenarnya effect animasi ibarat itu sangatlah tidak dibutuhkan dan sangat tidak penting untuk digunakan, apalagi dampak buruknya yang akan menciptakan kecepatan blog kalian menjadi lambat.
Kaprikornus lebih baik untuk menghindari memakai segala macam effect animasi untuk blog kalian, alasannya itu tidak akan menguntungkan sama sekali.
10. Menggunakan Script Leverage Browser Caching
Ketika pertama kali membuka sebuah halaman blog, browser akan mendownload seluruh resource dari halaman tersebut.
Yang tentu akan cukup banyak seruan kepada server dalam waktu bersamaan, yang akan berimbas pada waktu pemuatan halaman tersebut.
Dan kegunaan dari script leverage browser caching ini ialah menyimpan data halaman, dikala pengguna pertama kali membuka halaman tersebut.
Ketika mereka tiba kembali berkunjung keblog tersebut, maka seruan kepada server akan jauh lebih sedikit, karna browser pengguna telah menyimpan beberapa data halaman blog tersebut.
Semakin sedikit seruan terhadap server tentu akan mengurangi beban server untuk memuat seluruh resource suatu halaman, dan akan berdampak pada kecepatan blog yang akan meningkat.
Untuk memasang script leverage browser caching sendiri cukup mudah, simak langkah-langkahnya dibawah ini.
1. Buka blog yang ingin dipasangkan script
2. Pilih template > edit HTML
3. Copy script leverage browser caching dibawah 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'/>
<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'/>
4. Pastekan script tersebut sempurna dibawah isyarat <head> atau sanggup juga sebelum </head>
5. Simpan tema
Biasanya script tersebut tidak akan eksklusif bekerja secara normal, dan membutuhkan kurang lebih satu ahad biar script tersebut mulai bekerja.
Penutup
Tidak ada yang menyukai blog atau website yang lambat, jangankan insan bahkan mesin penelusur Google saja tidak menyukainya.
Itulah 10 cara mempercepat loading blog yang paling efektif, meningkatkan secara optimal segera blog kalian biar sanggup mencicipi semua manfaatnya.
Komentar
Posting Komentar