Table of Content

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 berasal dari Content Delivery Network punyai sebuah fungsi yaitu melindungi web site supaya selalu stabil dan aktif di internet. Ada banyak sekali fungsi berasal dari CDN yang keliru satunya bisa mengoptimasi Gambar yang kita upload di blogger.

Selain bisa mengoptimasi Gambar di blogger, CDN ini terhitung bisa mengoptimasi script seperti CSS, HTML, Javascript, Video supaya suatu web site bisa selalu cepat dan stabil di internet, maka berasal dari itu CDN berperan perlu bagi web site atau blog kita. 

CDN Statically.io

CDN Statically.io adalah salah satu penyedia hosting CDN ( Content Delivery Network ) yang memiliki banyak fitur dan tentu saja 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 terhadap konteks artikel, kami dapat mempergunakan Statically.io ini untuk mengoptimasi gambar yang sudah kami upload ke blogger. untuk caranya, silakan liat tutorial berikut ini hingga 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.

2 komentar

  1. Terimakasih min.. sangat bermanfaat !!
    1. Terimakasih !!