Cara Optimasi Loading Gambar Menggunakan CDN Statically.io di Blogger
Selamat datang, SobatNet! Kecepatan loading blog sangat penting untuk meningkatkan pageview dan pengalaman pengguna. Salah satu kesalahan umum yang sering dilakukan oleh blogger pemula adalah hanya fokus pada kecepatan di homepage dan tidak memperhatikan kecepatan loading pada bagian postingan.
Penting untuk diingat bahwa banyak pengunjung datang langsung ke artikel melalui mesin pencari, jadi optimasi loading di bagian postingan juga sama pentingnya. Salah satu faktor utama yang memperlambat loading artikel adalah ukuran gambar, yang dapat memberatkan loading, terutama bagi pengunjung dengan koneksi internet lambat.
Untuk itu, mari kita bahas cara mengoptimasi gambar postingan menggunakan statically.io, platform yang sudah banyak digunakan oleh blog-blog besar seperti Kompi Ajaib.
Apa Itu Statically.io?
Statically.io adalah media hosting gratis yang menyediakan berbagai layanan, termasuk hosting untuk JS, CSS, HTML, dan gambar. Meskipun ada beberapa pilihan hosting gratis lainnya, seperti GitHub, Statically.io menawarkan fitur yang lebih lengkap dan mudah digunakan.
Cara Optimasi Gambar Artikel Postingan Blog
Berikut adalah dua cara yang bisa Anda gunakan untuk mempercepat loading gambar pada postingan blog Anda:
1. Memasang Statically.io pada URL Gambar
Cara ini cukup mudah, Anda hanya perlu mengubah alamat URL gambar yang sudah Anda posting. Biasanya, URL gambar di Blogger terlihat seperti ini:
https://1.bp.blogspot.com/-TFYRiiB0ZFY/YFS-E76gXFI/AAAAAAAAARs/lBg1zQ2D2Pg22zkMwKYNc-1WIc1nEu9HgCLcBGAsYHQ/s1280/cdn-statically.jpgUbah bagian https:// menjadi https://cdn.statically.io/img/. Sehingga URL gambar Anda akan terlihat seperti ini:
https://cdn.statically.io/img/1.bp.blogspot.com/-TFYRiiB0ZFY/YFS-E76gXFI/AAAAAAAAARs/lBg1zQ2D2Pg22zkMwKYNc-1WIc1nEu9HgCLcBGAsYHQ/s1280/cdn-statically.jpg2. Menambahkan Script CDN Statically.io
Jika Anda ingin cara yang lebih mudah, Anda dapat menambahkan script berikut ke dalam tema Blogger Anda:
Buka dashboard Blogger Anda, lalu pilih Tema > Edit HTML.
Copy kode berikut dan tempelkan tepat di atas </body>:
<script>
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>Setelah itu, simpan tema. Dengan menambahkan script di atas, seluruh gambar di blog Anda akan otomatis menggunakan CDN Statically.
Penutup
Itulah cara-cara mudah untuk mengoptimasi kecepatan gambar postingan blog menggunakan cdn.statically.io. Dengan mengoptimalkan gambar, Anda dapat meningkatkan kecepatan loading blog, yang pada gilirannya dapat meningkatkan pengalaman pengguna dan pageview.
Semoga tutorial ini bermanfaat dan dapat memberikan dampak positif untuk perkembangan blog Anda ke depannya. Jika ada pertanyaan, jangan ragu untuk meninggalkan komentar di bawah!
