Cara Gampang Memakai Cdn Staticaly Pada Gambar Blogger Dengan Javascript

Yang menciptakan "HARUS" mencoba format gambar WebP. Fitur ini memperlihatkan pengurangan ukuran sampai 34% untuk gambar yang disajikan dibandingkan dengan JPEG dari tingkat kualitas visual setara. Satu hal yang perlu diingat, WebP dikala 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 yakni dengan mendeteksi secara otomatis browser mana yang mendukungnya, layanan ini bisa mendeteksi dan melayani format gambar terbaik untuk setiap usul browser.

Project ini sudah didukung perusahaan besar tingkat dunia dan perusahaan besar lainnya di Indonesia, dan akan terus membuatkan 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 tunjangan javascript. Sehingga kita tidak perlu mengedit semua gambar, javascript ini akan mengganti protokol URL semua gambar menjadi https://cdn.staticaly.com/img/

Simpan arahan javascript berikut ini di atas arahan </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 supaya bermanfaat.

Sumber https://www.kompiajaib.com/

Share this post