Rahasia Cara Mempercepat Loading Blog

rahasia tips dan cara mempercepat loading blogger dan wordpress terbaru yang ampuh

Sebelum kita membahas panduan, tips trik dan cara mempercepat loading blog di Blogger dan WordPress, barusan kamu mengakses situs ini bukan? Nah, menurut Kamu, bagaimana dengan loading speed situs bacalagers.com ini?

Sekarang kita lebih realistis deh, Kamu sedang asyik berselancar di internet, tapi tiba-tiba, blog yang ingin dibuka malah macet. Aduh, pasti sangat menyebalkan.

Pernah mengalami kejadian seperti ini? Atau justru blog yang kamu kelola yang mengalami hal seperti ini? Kalau begitu, pasti kamu belum tahu cara mempercepat loading blog, ya?

Kalau begitu, jangan tinggalkan halaman ini dan terus baca. Karena, penelitian Google mengatakan bahwa blog yang proses loadingnya lebih lama dari 3 detik, maka akan secara otomatis ditinggalkan oleh pengunjungnya. Pengunjung tidak punya banyak waktu untuk menunggu loading blog lebih dari 3 detik.

Untuk itu, kamu wajib mengetahui cara mempercepat loading blog wordpress dan blogspot dengan membaca artikel ini dengan teliti.

Sebab, artikel cara mempercepat loading blog di blogger dan wordpress ini memang diperuntukkan buat kamu yang ingin blognya ramai pengunjung dengan akses loading yang ringan dan mudah diakses lewat semua jenis device pengunjung blog.

Cara Mempercepat Loading Blog di Blogger dan WordPress

rahasia panduan tips dan cara mempercepat loading blogger dan wordpress terbaru yang ampuh
cara mempercepat loading blog di blogger dan wordpress

Pada artikel ini, tips, panduan dan cara mempercepat loading blog bisa dilakukan untuk Blogger dan WordPress. Namun, mayoritas lebih ke WordPress. Kira-kira, seperti dibawah ini tutorialnya:

1. Optimasi Ukuran Gambar yang Diunggah ke dalam Blog

Salah satu syarat optimasi SEO blogger dan wordpress pada sisi optimasi SEO Onpage agar artikel memiliki peringkat yang bagus di Google adalah dengan memasukkan gambar. Semakin bagus gambarnya, justru semakin baik. TAPI, gambar juga bisa jadi alasan kenapa pengunjung meninggalkan blogmu. Kenapa?

Bayangkan, kamu memasang banyak gambar dalam sebuah artikel. Dan semua gambar itu memiliki ukuran yang besar dengan kualitas HD.

Lalu, gambar yang ada dalam blog itu tidak mengalami proses optimasi. Berapa banyak waktu yang dibutuhkan oleh blog untuk memuat gambar saja? Pasti bakal lambat banget.

Terus, bagaimana cara mengakalinya? Gampang, dengan mengatur width, height dan kompress file size gambarnya sebelum kamu Upload ke blog! Rekomendasi dari saya seperti yang dilakukan pada situs ini adalah width = 750px dan height = 450px.

Untuk jenis gambarnya, ada dua yaitu jenis gambar berupa text/vector/vexel/flat disarankan memakai format PNG agar tetap HD.

Sedangkan untuk jenis gambar foto rumah, pemandangan, dan lainnya gunakan format JPG / JPEG supaya tetap jernih. Setelah itu Kamu kompress di Tinyjpg.com dan IloveIMG.com hingga file size nya dibawah 75kb.

Sedangkan, optimasi gambar untuk keperluan optimasi SEO blog bisa kamu lakukan dengan optimasi keyword utama artikel yang diletakkan pada Title, ALT, caption dan deskripsi gambar.

Sedangkan untuk optimasi SEO offpage, kamu bisa baca artikel seputar strategi link building backlink blogger dan wordpress.

2. Aktifkan Gzip Compression

Ukuran website tentu saja besar. Karena di dalam website itu sendiri terdapat banyak file. Dari mulai CSS, HTML, dan banyak banget file lain yang disimpan di sini.

Yang perlu kamu ketahui adalah, semakin besar file website, maka loading blog juga akan semakin lambat.

Terus bagaimana cara mengakalinya agar website cepat? Cara mempercepat loading blog nomor 3 ini hanya berlaku untuk wordpress, ya.

Kompresi semua file di situs yang kamu kelola. Gzip Compression harus diaktifkan supaya dapat memperkecil ukuran file di website. Caranya di bawah ini:

  • Login ke cPanel >> File Manager >> Klik Setting >> Ceklis Show Hidden Files (dotfiles) >> klik Save.
  • Klik Kanan file .htaccess lalu Klik  Edit.
  • Copy dan paste kode di bawah ini ke file .htaccess
  • Kemudian Save.
<IfModule mod_filter.c>
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE "application/atom+xml"
"application/javascript"
"application/json"
"application/ld+json"
"application/manifest+json"
"application/rdf+xml"
"application/rss+xml"
"application/schema+json"
"application/vnd.geo+json"
"application/vnd.ms-fontobject"
"application/x-font-ttf"
"application/x-javascript"
"application/x-web-appmanifest+json"
"application/xhtml+xml"
"application/xml"
"font/eot"
"font/opentype"
"image/bmp"
"image/svg+xml"
"image/vnd.microsoft.icon"
"image/x-icon"
"text/cache-manifest"
"text/css"
"text/html"
"text/javascript"
"text/plain"
"text/vcard"
"text/vnd.rim.location.xloc"
"text/vtt"
"text/x-component"
"text/x-cross-domain-policy"
"text/xml"
</IfModule>
</IfModule>

3. Gunakan Plugin Caching

Cara mengakali supaya website cepat selanjutnya dengan memakai plugin caching. Plugin ini bisa membuat jalannya website jadi lebih cepat. Prinsip kerjanya adalah menyimpan halaman HTML dan konten blog.

Jadi, waktu ada pengguna yang ingin mengambil halaman yang sama, blog hanya tinggal menampilkan. Karena data sudah tersimpan secara internal, bukan cuma di server.

Caching untuk mempercepat loading wordpress sebetulnya cukup banyak. Tapi yang masuk ke dalam daftar rekomendasi teratas dan gratis adalah LiteSpeed Cache, dan Autoptimize. Sedangkan, untuk rekomendasi plugin caching versi premium terbaik adalah WP Rocket.

Banyak sekali keuntungan menggunakan plugin caching, mulai dari minify / optimasi HTML, minify dan combile CSS JS Google font, lazy load gambar video, dan masih banyak lagi.

4. Hapus Semua Plugin yang Tidak Perlu

Plugin memang diperlukan untuk memaksimalkan tampilan blog. Toh, tidak ada batasan juga dalam memakai plugin dalam satu blog. TAPI, semua tetap ada tapinya. Plugin bisa juga jadi boomerang di dalam blog yang kamu kelola.

Plugin yang kebanyakan justru bisa memperlambat loading blog. Alasannya cukup jelas: kerja resource server hosting bakal semakin berat kalau plugin kebanyakan. Disk space padat dan blog jadi lambat.

Hapus plugin yang tidak punya banyak pengaruh pada blog. Pasang plugin Performance Profile untuk mengecek mana plugin yang berguna dan mana yang tidak. Setelah semua plugin teridentifikasi, silahkan hapus plugin yang tidak perlu dan hapus kembali juga plugin Performance Profile nya.

panduan, tips dan cara mempercepat loading blog di blogger dan wordpress terbaru paling ampuh
panduan, tips dan cara mempercepat loading blog

5. Batasi Jumlah Postingan per Page

Sama seperti halaman rumah, halaman pada blog juga punya lebar batasan. Jadi, tidak boleh diisi kebanyakan. Halaman blog yang punya banyak postingan akan sumpek. Efeknya, loading bisa jadi lambat.

Cara mempercepat pagespeed blog sebetulnya sederhana. Batasi saja jumlah postingan dalam satu halaman. Jangan show terlalu banyak postingan di sana. Tidak tahu cara membatasinya? Lihat cara berikut:

Buka dashboard blog WordPress Kamu lalu ikuti panduan mengatur jumlah artikel yang tampil di homepage dan page yang lain berikut:

  • Pilih setting/pengaturan.
  • Pilih reading/membaca.
  • Pada Blog Page Show at Most batasi jumlah postingan dengan 5 atau 7 saja.

6. Gunakan Embed

Orang-orang belakangan sangat suka pada konten berbentuk video. Jadi, wajar kalau memanfaatkan momen ini untuk memperbanyak kunjungan blog. Tapi, tidak perlu mengunggah video langsung pada postingan kamu.

Maksimalkan fitur embed untuk menambahkan video ke dalam postingan. Ada 2 keuntungan menggunakan embed dalam mengunggah video, postingan facebook, instagram, twitter, dan lainnya.

Yang pertama loading halaman bisa lebih cepat. Yang kedua, bounce rate akan turun karena pengunjung betah di postingan yang kamu unggah.

7. Gunakan CDN (Content Delivery Network)

Apa itu CDN? Istilahnya asing banget! Content Delivery Network, itulah kepanjangan dari CDN. Ini adalah tipe server atau jaringan yang jangkauannya sudah mendunia. Jadi, blog yang kamu kelola bisa diakses dari mana saja dengan kecepatan yang sama.

Misalnya lokasi kamu ada di Jakarta, tapi kalau ada yang akses dari Korea, data akan diambil dari CDN yang dekat dengan Korea. Bukan dari Jakarta. Cara mempercepat loading blog ini berlaku untuk Blogger dan WordPress.

Layanan CDN gratis dan terbaik untuk mempercepat loading gambar, css dan js blog kamu adalah CloudFlare, cdn.biz.id/anyone, i1.wp.com, i2.wp.com, dan staticaly.com/images.

8. Pilih Server Hosting yang Powerful

Untuk permulaan, mungkin tidak apa-apa kalau pakai hosting yang seadanya. Tapi, kalau pengunjung sudah banyak dan mau lebih maju, tidak ada ruginya kalau kamu pakai hosting yang server performanya cukup tinggi.

Tapi, hosting mana yang bagus untuk dipakai supaya website cepat? Jawabannya VPS, Cloud Hosting dan SSD Hosting.

Kalau dibandingkan dengan hosting sejenis (misalnya Apache dan Nginx) LiteSpeed Web Server jelas berada di peringkat pertama dan tidak tertandingi. Ingat plugin caching LiteSpeed Cache yang tadi? Coba kombinasi LSWS dengan LSC tadi. Bayangkan bisa secepat apa website yang kamu kelola.

9. Menggunakan Lazy Load

Salah satu cara mempercepat loading dengan lazy load di Blogger dan WordPress adalah menggunakan Lazy Load, baik itu untuk gambar maupun file css dan js. Tapi, untuk WordPress bisa dilakukan via plugin Caching LiteSpeed Cache, Autoptimize, WP Rocket, WP Super Cache, dan lainnya.

Sedangkan yang ini, lazy load untuk gambar di blogger. Silakan Kamu copas script lazy load dibawah ini lalu letakan tepat di atas kode [mks_highlight color=”#0066ff”]</body>[/mks_highlight] pada Edit HTML blogspot di blog Kamu:

<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:"https://www.spruko.com/demo/pinlist/demo/img/loader.svg",effect:"fadeIn",threshold:"-50"})});
//]]></script>

Untuk wordpress, kamu bisa memanfaatkan lazy load pada plugin caching dan untuk minify js, css blogger dilakukan secara manual via edit HTML.

10. Lazy Load AdSense

Cara mempercepat loading blog di blogger dan wordpress yang ke-10 ini diperuntukan untuk blog yang sudah menjadi publisher iklan google adsense.

Kode javascript iklan google adsense lumayan menguras loading blog, terlebih lagi jika Kamu memasukkan Link Javascript AdSense seperti dibawah ini yang lebih dari satu:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Jika kamu memasang script adsense di atas lebih dari satu, maka silakan hapus semuanya di blog Kamu. Lalu, silakan gunakan lazy load adsense di bawah ini yang harus Kamu letakkan tepat diatas kode [mks_highlight color=”#0066ff”]</body>[/mks_highlight] (edit HTML di blogger) dan untuk WordPress, silakan taruh pada file [mks_highlight color=”#0066ff”]Footer.php[/mks_highlight].

<script type='text/javascript'>
//<![CDATA[
//Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]></script>

Tujuan dari cara mempercepat loading blog di Blogger dan WordPress menggunakan LazyLoad AdSense ini sama seperti tujuan lazy load gambar, yaitu menunda munculnya iklan adsense sebelum Kamu scroll halaman statis ataupun halaman artikel.

11. Optimasi Expires Headers

panduan, tips dan cara mempercepat loading blog di blogger dan wordpress dengan expires headers
cara mempercepat loading blog di blogger dan wordpress dengan expires headers

Cara mempercepat loading blog di blogspot dan wordpress berikutnya yaitu menggunakan Leverage browser Expires Headers, karena hal ini berkaitan dengan halaman sebuah web seperti gambar, css, javascript, dan sebagainya.

Sehingga, saat membuka kembali halaman web yang sama, maka halaman web akan semakin cepat terbuka. Karena file yang pada awalnya harus di unduh, sekarang sudah tersimpan di dalam media penyimpanan.

Pada dasarnya Leverage browser caching mempunyai definisi Mengatur tanggal expires (kadaluwarsa) dalam headers HTTP yang bersifat statis.

Memerintahkan browser untuk memuat Source Code yang sudah di unduh sebelumnya dalam media penyimpanan. Caching, fungsinya untuk mengatur lamanya penyimpanan file yang sudah didownload saat membuka.

Untuk blogspot, cara memasangnya sama seperti memasang script DNS Prefetch:

<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='3d' path='*.webp'/>
<meta http-equiv="expires" content="sat, 02 jun 2050 00:00:00 GMT"/>

Sedangkan di wordpress, cara memasangnya sama seperti tutorial pemasangan Gzip Compression di atas yang sudah kita ulas:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/tiff "access plus 1 year"
ExpiresByType image/ico "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/js "access plus 1 year"
ExpiresByType application/pdf "access plus 1 year"
ExpiresByType text/x-javascript "access plus 1 year"
ExpiresByType application/x-shockwave-flash "access plus 1 year"
ExpiresByType image/x-icon "access plus 2 year"
ExpiresDefault "access plus 7 days"
</IfModule>
## EXPIRES CACHING ##

Begitulah kira-kira salah satu cara mempercepat loading blog di blogspot dan wordpress dengan memakai Expires Headers pada blog kamu.

12. Optimasi DNS Prefetch

DNS Prefetch merupakan cara ampuh untuk untuk menyelesaikan permasalahan loading blog terkait DNS domain pada file tertentu seperti gambar, js, css, dan lainnya yang memakai link external akan mengakibatkan pemuatan loading blog (fully loaded time pada GT Metrix) menurun.

Oleh karena itu, pemasangan DNS Prefetch akan menambah kecepatan loaded time blog baik blogspot / blogger maupun wordpress.

Cara mempercepat loading blog di blogger dan wordpress dengan mengoptimasi DNS Prefetch bisa dikatakan sangat mudah. Silakan pasang script di bawah ini tepat di atas kode [mks_highlight color=”#0066ff”]</head>[/mks_highlight] (edit HTML di blogger) dan untuk WordPress, bisa di taruh di dalam file [mks_highlight color=”#0066ff”]Header.php[/mks_highlight].

<link href='//i0.wp.com' rel='dns-prefetch'/>
<link href='//i2.wp.com' rel='dns-prefetch'/>
<link href='//i3.wp.com' rel='dns-prefetch'/>
<link href='//maps.googleapis.com' rel='dns-prefetch'/>
<link href='//maps.gstatic.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//google-analytics.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//ssl.google-analytics.com' rel='dns-prefetch'/>
<link href='//youtube.com' rel='dns-prefetch'/>
<link href='//api.pinterest.com' rel='dns-prefetch'/>
<link href='//api.pinterest.com' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//pixel.wp.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<link href='//platform.instagram.com' rel='dns-prefetch'/>
<link href='//disqus.com' rel='dns-prefetch'/>
<link href='//s7.addthis.com' rel='dns-prefetch'/>
<link href='//platform.linkedin.com' rel='dns-prefetch'/>
<link href='//w.sharethis.com' rel='dns-prefetch'/>
<link href='//s.gravatar.com' rel='dns-prefetch'/>
<link href='//www.googletagmanager.com' rel='dns-prefetch'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//adservice.google.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//bp.blogspot.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//ajax.microsoft.com' rel='dns-prefetch'/>
<link href='//ajax.aspnetcdn.com' rel='dns-prefetch'/>
<link href='//code.jquery.com' rel='dns-prefetch'/>
<link href='//stackpath.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//gravatar.com' rel='dns-prefetch'/>
<link href='//0.gravatar.com' rel='dns-prefetch'/>
<link href='//1.gravatar.com' rel='dns-prefetch'/>
<link href='//2.gravatar.com' rel='dns-prefetch'/>
<link href='//ad.doubleclick.net' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//stats.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//cm.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//web.facebook.com' rel='dns-prefetch'/>
<link href='//mobile.facebook.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//publish.twitter.com' rel='dns-prefetch'/>
<link href='//www.whatsapp.com' rel='dns-prefetch'/>
<link href='//api.whatsapp.com' rel='dns-prefetch'/>
<link href='//assets.pinterest.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//platform.linkedin.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>

13. Cara Mempercepat Loading Website Melalui .htaccess

Jika semua cara di atas sudah Kamu coba namun loading website wordpress dan blogspot tetap belum terasa semakin cepat.

Maka, Kamu bisa mencoba cara selanjutnya di sini yaitu mempercepat load speed website melalui .htaccess dengan memakai script berikut dan rasakan setelah 1-2 jam.

<IfModule mod_deflate.c>
# Insert filters / compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/vtt 
AddOutputFilterByType DEFLATE text/x-component
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/js
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-httpd-fastphp
AddOutputFilterByType DEFLATE application/atom+xml 
AddOutputFilterByType DEFLATE application/json
AddOutputFilterByType DEFLATE application/ld+json 
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject 
AddOutputFilterByType DEFLATE application/x-font-ttf 
AddOutputFilterByType DEFLATE application/x-web-app-manifest+json 
AddOutputFilterByType DEFLATE font/opentype 
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon 
 
# Exception: Images
SetEnvIfNoCase REQUEST_URI .(?:gif|jpg|jpeg|png|svg)$ no-gzip dont-vary
 
# Drop problematic browsers
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSI[E] !no-gzip !gzip-only-text/html
 
# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</IfModule>

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 week"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 month" 
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/html "access plus 1 minute"
ExpiresByType text/plain "access plus 1 month"
ExpiresByType text/x-component "access plus 1 month" 
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/javascript "access plus 1 months"
ExpiresByType application/x-javascript "access plus 1 months"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/ld+json "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds" 
ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds" 
ExpiresByType text/cache-manifest "access plus 0 seconds" 
ExpiresByType audio/ogg "access plus 1 month" 
ExpiresByType video/mp4 "access plus 1 month" 
ExpiresByType video/ogg "access plus 1 month" 
ExpiresByType video/webm "access plus 1 month" 
ExpiresByType application/atom+xml "access plus 1 hour" 
ExpiresByType application/rss+xml "access plus 1 hour" 
ExpiresByType application/font-woff "access plus 1 month" 
ExpiresByType application/vnd.ms-fontobject "access plus 1 month" 
ExpiresByType application/x-font-ttf "access plus 1 month" 
ExpiresByType font/opentype "access plus 1 month" 
</IfModule>
## EXPIRES CACHING ##

#Alternative caching using Apache's "mod_headers", if it's installed.
#Caching of common files - ENABLED
<IfModule mod_headers.c>
<FilesMatch ".(ico|pdf|flv|swf|js|css|gif|png|jpg|jpeg|txt|html|htm)$">
Header set Cache-Control "max-age=2592000, public"
</FilesMatch>
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(js|css|xml|gz)$">
    Header append Vary Accept-Encoding
  </FilesMatch>
</IfModule>

<IfModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
  mod_gzip_item_include handler ^cgi-script$
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_exclude mime ^image/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
 
# Set Keep Alive Header
<IfModule mod_headers.c>
    Header set Connection keep-alive
</IfModule>
 
# If your server don't support ETags deactivate with "None" (and remove header)
<IfModule mod_expires.c> 
  <IfModule mod_headers.c> 
    Header unset ETag 
  </IfModule> 
  FileETag None 
</IfModule>

14. Gunakan Layanan Jasa Mempercepat Loading Blog Terbaik

jasa mempercepat loading blog adalah cara mempercepat loading blog di blogger dan wordpress terbaik
jasa mempercepat loading blogger dan wordpress terbaik

Jika kamu tipe orang yang ingin praktis dan terima beres, maka menggunakan jasa semacam ini adalah pilihan tepat. Ada banyak yang menawarkan jasa mempercepat loading blog yang bisa Kamu gunakan sebagai solusi akhir cara mempercepat loading blog di blogspot dan wordpress milik kamu.

Kamu bisa pilih yang memang terpercaya dan profesional. Rekomendasi dari Saya pribadi untuk jasa mempercepat loading blogger terbaik adalah Kode Jarwo.

Sedangkan, rekomendasi jasa mempercepat loading blog wordpress terbaik dari Saya yaitu Sawal Walker. Selain biayanya yang murah, kualitas jasa yang mereka berikan sangat memuaskan + terpercaya.

Karena Saya sendiri sudah menggunakan layanan jasa mempercepat loading blog mereka.

Kesimpulan

kesimpulan dari cara mempercepat loading blog di blogger dan wordpress
kesimpulan dari cara mempercepat loading blog di blogger dan wordpress

Tidak terlalu sulit untuk memaksimalkan loading website supaya lebih cepat. Tips dan trik ini bisa kamu praktikan sendiri. Sebab masing-masing sudah ada panduan, tips trik dan cara mempercepat loading blog.

Jangan lupa untuk membagikan postingan ini, supaya teman-teman seper-blog-an kamu juga paham cara membuat loading blog jadi ringan.

Namun, yang harus kamu perhatikan adalah bahwa tidak semua cara di atas harus diterapkan semua. Kamu bisa menerapkan trik yang memang dibutuhkan blog kamu.

Jadi identifikasi terlebih dahulu apa penyebab loading blog kamu lambat sebelum memutuskan untuk memakai trik dan cara mempercepat loading blog yang paling ampuh di atas.

Nah, cukup sekian dulu artikel mengenai cara mempercepat blog di blogger dan wordpress yang ampuh dan wajib kamu pertimbangkan. Jangan lupa dipraktikan dan dibagikan. Supaya manfaatnya lebih terasa pada blog yang dikelola. Ingat, semua tips ini harus dipraktikan jika ingin websitemu maju. Selamat membuat blog menjadi lebih cepat! Insya Allah..

Iman Ridhwan Syah

Penggemar Tahu Krispi, Doyan banget Soto Ceker, Penikmat Indomie Rebus, Hobinya Traveling yang juga menyukai aktivitas Blogging, Lagi Serius Belajar menjadi SEO Engineer, Komunitas, Jalan-jalan Jauh, dan lagi semangat banget Nabung buat Nikah!

9 thoughts on “Rahasia Cara Mempercepat Loading Blog”

  1. Langsung di praktekkan nih ya teknik mempercepat loading blog nya di blog saya gan..

    Terima kasih infonya sukses selalu. Aamiin

  2. kalau no 10 diterapkani menghapus kode adsense di blog-copas yang script di artikel ini, apa adsense di blog saya msh bs jalan? sama masang adsense di blog pake plugin jg, dan memang loading blog jd berat.

    performance plugin yang drekomendasikan kira2 yg mana, pas saya seacrh dgn kata performance plugin ternyata ada banyak jenisnya

  3. Masih 100% bisa aktif kok mba iklan adsense nya.

    Plugin performance rekomendasi dari Saya dan yg saya pakai pada situs ini adalah WP Rocket.

Comments are closed.