Mengamankan Bandwidth Hosting Dari Image Postingan
Berbeda dengan blog gratis menyerupai contohnya blogspot atau wordpress.com yang sanggup mengupload gambar atau image tanpa batas, wordpress self hosted harus mikir dua kali untuk menambahkan image ke dalam postingan.
Gambar merupakan salah satu unsur yang cukup banyak mengkonsumsi bandwidth pada hosting. Jika ingin menghemat bandwidth, sebaiknya gunakan share image hosting menyerupai Google+ atau Picassa. Namun ada yang menyampaikan bahwa image yang dihosting di pihak lain akan memperlambat loading blog.
Nah untuk itu sekarang aku share cara biar image yang dihosting di pihak lain tidak memperlambat loading blog wordpress self hosted.
Sebenarnya cara ini sama dengan cara mempercepat loading blogspot dengan menunda penayangan image postingan (deferring image).
Baca juga: Deferring Images That Have Been Published
Namun menyerupai halnya blogspot, wordpress yang memakai gambar yang dihosting di pihak lain tidak sanggup menampilkan thumbnail di homepage atau widget lain yang memakai thumbnail. Biasanya wordpress mempunyai fitur Featured Image untuk thumbnail postingan. Dengan begitu kita perlu penanganan lanjutan biar gambar postingan sanggup tampil sebagai thumbnail di homepage.
Nah penundaan penampilan gambar ini memakai trik memakai gambar dengan data:base64 dengan size yang sangat kecil untuk mengganti sementara gambar sesungguhnya. Dengan begitu peramban tidak mengupload gambar bersamaan dengan loading blog (sementara gambar diganti dengan gambar base64), namun sehabis blog termuat seluruhnya. Dengan begitu loading blog tidak akan terganggu oleh loading image.
Penempatan gambarnya memakai aba-aba di bawah ini.
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="URL IMAGE ASLI DARI PICASSA ATAU LAINNYA" alt="Mengamankan Bandwidth Hosting Dari Image Postingan Mengamankan Bandwidth Hosting Dari Image Postingan" title="Mengamankan Bandwidth Hosting Dari Image Postingan" width="" height="" /> Kemudian tambahkan javascript di bawah ini di atas aba-aba
</body>. Pada tema yang aku gunakan mempunyai fitur Theme Options yang sanggup menempatkan script di atas aba-aba </body>. <script type='text/javascript'>
function init() {
var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if(imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>
Nah kalau ternyata thumbnail postingan tidak muncul, silahkan gunakan script php untuk menampilkan gambar postingan (gambar pertama/first image post) pada link di bawah ini.
Trik ini sudah aku coba di blog wordpress aku AyoInter.net, silahkan coba lihat thumbnail postingan di homepage atau postingan. Klik kanan pada thumbnail dan open image in new tab lalu lihat url image di address bar. Itu ialah url image dari Picassa bukan dari hosting wp saya.
Dengan ini pula kita sanggup menghindari pencurian bandwidth alasannya ialah penggunaan image (yang dihosting sendiri) yang dipakai orang lain.
Sumber https://www.kompiajaib.com/
0 Response to "Mengamankan Bandwidth Hosting Dari Image Postingan"
Posting Komentar