Cara Pasang CDN Statically Gambar Blogger Untuk Meningkatkan Kecepatan Blog

Cara Pasang CDN Statically Gambar di Blogger Untuk Meningkatkan Kecepatan Blog merupakan salah satu cara untuk meningkatkan loading dari blog mereka. Biasanya untuk blog yang memiliki niche tutorial akan sedikit kesulitan dalam mempertahankan kecepatan load dari blog mereka.

Hal ini terjadi karena biasanya akan terdapat banyak gambar pada sebuah blog, ini akan memberatkan loading dari pengunjung apalagi bagi mereka yang tidak memiliki koneksi internet yang baik.

Oleh karena itu kita bisa menggunakan metode CDN Statically pada gambar di artikel blog kita sehingga lebih meringankan beban halaman blog dan mempercepat waktu load blog kita.

Mengenal CDN

CDN atau Content Delivery Network memiliki fungsi untuk menjaga suatu website tetap stabil dan aktif di internet. Banyak hal yang bisa dilakukan dengan CDN contohnya seperti yang ada pada artikel ini yaitu optimasi gambar.

Selain optimasi gambar, CDN juga bisa melakukan optimasi di berbagai aspek termasuk javascript, css, html, video dan berkas lainnya dalam sebuah website sehingga web tersebut lebih mudah dan cepat untuk dibuka.

CDN Statically.io

Statically.io merupakan salah satu penyedia hosting content delivery network yang memiliki fitur lengkap dan gratis. Selain itu, statically juga mudah untuk diaplikasikan pada blog kita.

Kamu bisa menggunakan CDN Statically dalam berbagai jenis berkas, mulai dari gambar, video, html, css hingga javascript.

Cara Memasang CDN Statically Gambar di Blogger

Kembali ke topik awal yaitu cara memasang CDN Statically untuk mempercepat loading blog. Nah disini terdapat dua cara yang bisa kamu lakukan yaitu dengan mengganti url dari gambar yang kamu upload dan menggunakan script.

Memasang statically.io dengan mengganti URL gambar

Cara yang pertama cukup mudah namun agak ribet dilakukan jika kamu ingin menggunakan cdn statically di semua gambar blog kamu. Caranya adalah mengganti url dari gambar yang kamu upload dengan menambahkan link statically.

Ketika kamu mengunggah gambar, biasanya url gambarnya akan seperti di bawah

  
https://1.bp.blogspot.com/-vJwji5iZpS0/YIa0vjs7cqI/AAAAAAAAApE/FLa6xBSXDO4FefVvdOcadd7Iqso9ioSLgCLcBGAsYHQ/s320/rekomendasi-bot-music-discord.jpg
  

Nah yang perlu kamu lakukan adalah mengganti https:// menjadi https://cdn.statically.io/img/ sehingga nanti tampilannya seperti ini

  
https://cdn.statically.io/img/1.bp.blogspot.com/-vJwji5iZpS0/YIa0vjs7cqI/AAAAAAAAApE/FLa6xBSXDO4FefVvdOcadd7Iqso9ioSLgCLcBGAsYHQ/s320/rekomendasi-bot-music-discord.jpg
  

Jika kamu ingin mengganti seluruh gambar kamu dengan cdn statically, maka kamu bisa menggunakan cara kedua agar lebih mudah.

Memasang statically.io dengan script statically.io

1. Silahkan buka blogger kamu, pergi ke Tema lalu pilih Edit HTML
2. Silahkan CTRL + F dan cari tag </body> lalu pastekan kode ini tepat diatasnya

  
<script>
//<![CDATA[
var images = document.getElementsByTagName('img');
  for (var i = 0; i < images.length; i++) {
    images[i].src = images[i].src.replace(/.*?:\/\//g ,
"https://cdn.statically.io/img/");
  };
//]]>
</script>
  

3. Terakhir silahkan simpan tema dan semua gambar di blog kamu akan menggunakan cdn statically io secara otomatis

Sekian tutorial saya mengenai Cara Pasang CDN Statically Gambar di Blogger untuk mempercepat loading blog kamu. Jika ada pertanyaan silahkan tanyakan di kolom komentar di bawah, dan terima kasih sudah membaca!