Cara Optimasi Gambar Blog dengan CDN Statically - Sebagai seorang blogger, gambar memiliki peran yang sangat penting untuk memperjelas sebuah tulisan. Fungsi ini menjadi lebih penting lagi jika artikel tersebut memerlukan banyak gambar pendukung.
Menggunakan gambar yang asal-asalan dapat membuat kecepatan halaman menjadi berkurang. Ujung-ujungnya adalah, peringkat artikel menjadi tidak maksimal di mesin pencari.
Maka dari itu, perlu adanya optimasi dengan memaksimalkan gambar postingan agar lebih SEO friendly. Salah satu cara yang bisa dilakukan adalah dengan menggunakan gambar yang berukuran kecil (kurang dari 100 KB).
Tapi tahukah kamu, ternyata ada cara lain yang bisa dilakukan, yaitu dengan menggunakan CDN Statically. Untuk lebih jelasnya, silahkan baca sampai akhir.
Apa itu CDN Statically?
CDN adalah singkatan dari Content Delivery Network. Seperti namanya, CDN adalah jaringan server yang berfungsi untuk mendistribusikan konten dari server ke situs web sebelum diakses oleh pengunjung. Jaringan CDN akan menyimpan seluruh file yang ada di situs web ke dalam bentuk cache.
Statically adalah layanan CDN gratis yang dapat digunakan untuk mengoptimasi gambar dalam sebuah situs web. Cara kerjanya dengan menyimpan data gambar ke dalam server. Layanan CDN ini didirikan oleh Frans Allen dkk yang merupakan orang Indonesia.
Cara Optimasi Gambar Blog dengan CDN Statically
Blogger
Untuk memaksimalkan gambar dengan CDN Statically di Blogger, kamu hanya perlu mengubah URL gambar dari yang sebelumnya seperti ini:
https://blogger.googleusercontent.com/img/.../image.pngmenjadi seperti ini:
https://cdn.statically.io/img/blogger.googleusercontent.com/img/.../image.pngWordPress
Untuk memaksimalkan gambar dengan CDN Statically di WordPress, kamu hanya perlu mengubah URL gambar dari yang sebelumnya seperti ini:
https://www.example.com/wp-content/uploads/.../image.pngmenjadi seperti ini:
https://cdn.statically.io/img/www.example.com/wp-content/uploads/.../image.pngCatatan: Selain itu, kamu juga bisa menggunakan plugin yang tersedia di WordPress dengan nama Statically.
Selain memasang secara manual, kamu juga bisa menggunakan skrip berikut. Bedanya adalah, kamu tidak perlu mengubah URL gambar satu per satu. JavaScript berikut akan mengubah semua gambar menjadi cache dengan format WebP secara otomatis.
<script>
// CDN Statically by www.ferisp.com
/*<![CDATA[*/var images=document.getElementsByTagName("img");for (var i=0;i<images.length;i++){images[i].src=images[i].src.replace(/(http|https):///,"https://cdn.statically.io/img/")+"?f=webp";};/*]]>*/
</script>Berikut adalah contoh gambar yang telah menggunakan CDN Statically:
 |
| Sumber: Pexels / Canva Studio |
Penutup
Menggunakan layanan CDN seperti Statically banyak dilakukan oleh blogger agar artikel menjadi lebih ramah SEO. Ramah SEO yang dimaksud tersebut adalah loading halaman yang cepat.
Selain mendapatkan peringkat yang lebih tinggi di mesin pencari, hal tersebut juga dapat meningkatkan pengalaman membaca bagi pengunjung.
Cukup sekian artikel tentang Cara Optimasi Gambar Blog dengan CDN Statically ini, Terima kasih.
Referensi:
statically.io
stackoverflow.com
www.inputekno.com