Cara Optimasi Gambar Blog Menggunakan CDN Statically Blogger

Cara Optimasi Gambar Blog Menggunakan CDN Statically Blogger

Cara Optimasi Gambar Blog Menggunakan CDN Statically Blogger 

Pengenalan Apa itu CDN

CDN atau singkatan dari Content Delivery Network memiliki sebuah fungsi yaitu menjaga website agar tetap stabil dan aktif di internet. Ada banyak sekali manfaat dari CDN yang salah satunya bisa mengoptimasi Gambar yang kita upload di blogger.

Selain bisa mengoptimasi Gambar di blogger, CDN ini juga bisa mengoptimasi script seperti CSS, HTML, Javascript, Video agar suatu website bisa tetap cepat dan stabil di internet, maka dari itu CDN berperan penting bagi website atau blog kita.

CDN Statically.io

CDN Statically.io adalah salah satu penyedia hosting CDN ( Content Delivery Network ) yang memiliki banyak fitur dan tentunya ini gratis. dan kabar baiknya, CDN Statically.io ini bisa diaplikasikan ke blog/website kita. CDN Statically ini bisa mengoptimasi Gambar, Html, Css, Javascript dan berkas lainnya juga.

Cara Memasang CDN Statically.io di Blog

Kembali lagi pada konteks artikel, kita akan mempergunakan Statically.io ini untuk mengoptimasi gambar yang sudah kita upload ke blogger. untuk caranya, silahkan simak tutorial berikut ini sampai selesai.

#1. Memasang Statically.io dengan Mengganti Url Gambar Manual

Cara yang pertama ini cukup mudah, namun cukup ribet untuk diaplikasikan, karena kita harus mengganti semua url gambar blogger asli dengan url bawaan url statically.io, seperti contoh url gambar blogger yang asli seperti dibawah ini.

https://1.bp.blogspot.com/-5rw8jI_H47A/YS3usvLH42I/AAAAAAAAL0I/Hk7O45WxJ-c9nj2j2PUf6rlK6VI3QJEGgCLcBGAsYHQ/s16000/Cara%2BOptimasi%2BGambar%2BBlog%2BMenggunakan%2BCDN%2BStatically%2BBlogger.png
Nah, kalian harus ganti https:// tersebut menjadi https://cdn.statically.io/img/ , sehingga nanti hasilnya akan seperti dibawah ini.
https://cdn.statically.io/img/1.bp.blogspot.com/-5rw8jI_H47A/YS3usvLH42I/AAAAAAAAL0I/Hk7O45WxJ-c9nj2j2PUf6rlK6VI3QJEGgCLcBGAsYHQ/s16000/Cara%2BOptimasi%2BGambar%2BBlog%2BMenggunakan%2BCDN%2BStatically%2BBlogger.png

#2. Menggunakan Script Otomatis Statically.io

Jika blog kamu sudah terlanjut mempunyai banyak postingan dan ingin diganti semuanya, bisa menggunakan cara yang kedua ini, semua url otomatis akan terganti menjadi url bawaan statically.io nantinya.

Kalian salin script dibawah ini, dan paste/tempelkan script dibawah ini tepat diatas kode </body>
<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>
Dengan memasang script tersebut, otomatis semua url gambar yang ada di blog kalian akan terganti oleh url statically.io, jadi tidak perlu untuk menggantinya satu-persatu.

Farhan.

Pengangguran yang males banget gerak.

2 Komentar

• Jangan Menggunakan Kata Kasar.
• Komentar tidak akan muncul jika berisi link.
• Sopan dan Santun tetap dijaga.

Lebih baru Lebih lama