Cara Gampang Memakai Cdn Staticaly Pada Gambar Blogger Dengan Javascript

Yang menciptakan "HARUS" mencoba format gambar WebP. Fitur ini menawarkan pengurangan ukuran sampai 34% untuk gambar yang disajikan dibandingkan dengan JPEG dari tingkat kualitas visual setara. Satu hal yang perlu diingat, WebP ketika ini belum didukung oleh semua browser, salah satunya browser Firefox.

Walaupun WebP belum didukung pada semua browser, tidak perlu ragu untuk memakai Staticaly Imgpx. Trik dalam menyajikan format WebP secara universal yaitu dengan mendeteksi secara otomatis browser mana yang mendukungnya, layanan ini bisa mendeteksi dan melayani format gambar terbaik untuk setiap seruan browser.

Project ini sudah didukung perusahaan besar tingkat dunia dan perusahaan besar lainnya di Indonesia, dan akan terus berbagi platform ke dalam lingkup yang lebih baik lagi dan terutama lebih cepat.

Untuk memakai layanan Staticaly Imgpx dengan gampang untuk sumber CDN semua gambar, kita bisa memakai pemberian javascript. Sehingga kita tidak perlu mengedit semua gambar, javascript ini akan mengganti protokol URL semua gambar menjadi https://cdn.staticaly.com/img/

Simpan instruksi javascript berikut ini di atas instruksi </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.staticaly.com/img/");
   };
 //]]>
 </script>

Sekarang silahkan inspect semua gambar untuk melihat URL-nya.

Namun javascript ini tidak bisa merubah URL gambar yang ditampilkan memakai javascript lain menyerupai gambar pada related post dari DTE. Cara mengatasinya harus dirubah eksklusif pada javascriptnya. Saya akan memjelaskannya pada postingan selanjutnya.

Javascript di atas bukan hanya untuk Blogger, tapi bisa juga dipakai pada Wordpress dan lainnya.

Selamat mencoba dan biar bermanfaat.

Share this post