Pembahasan selanjutnya dari 6 Langkah Mempercepat Loading Blog adalah dengan cara Menggunakan Height dan Widht Tags Untuk Mempercepat Loading Blog.
Sebuah gambar yang kita tampilkan dalam postingan blog tentunya memiliki ukuran yang berbeda-beda. Nah, karena perbedaan ukuran ini lah yang akhirnya membuat search engine membutuhkan sedikit waktu untuk mengkonversikan ukuran awal gambar tersebut ke dalam sebuah ukuran standar gambar yang dimuat dalam postingan blog.
Untuk memangkas waktu tersebut, kita sebaiknya Menggunakan Height dan Widht Tags Untuk Mempercepat Loading Blog. Dengan Menggunakan Height dan Widht Tags, proses loading pada blog kita akan terasa sedikit lebih cepat. Hal ini disebabkan karena saat gambar tersebut diberikan Height dan Widht Tags, browser akan tahu jika gambar memiliki ukuran panjang/tinggi dan lebar tertentu sehingga loadingnya akan terasa cepat tanpa adanya konversi ukuran ke bentuk standar (Height=240 dan Widht=320).
Lalu, bagaimana cara penggunaan dari Menggunakan Height dan Widht Tags Untuk Mempercepat Loading Blog ini?
Mudah, kita hanya perlu untuk menyisipkan kode HTML Height dan Widht Tags di dalam kode HTML gambar tersebut saja.
Contoh :
Maka hasilnya akan tampil sebagai berikut :
Pemberian Height dan Widht Tags memang menjadi sebuah hal yang sangat jarang untuk kita perhatikan. Biasanya kita cenderung mengabaikannya. Karena selain pengaruhnya yang tidak begitu signifikan, kegiatan ini juga cenderung repot dan ribet.
Mungkin bukan menjadi sebuah masalah jika blog kita umumnya hanya menampilkan beberapa atau bahkan hanya satu gambar saja dalam setiap postingan blog. akan tetapi, bagaimana jadinya jika blog kita ini selalu menampilkan banyak gambar dalam setiap postingan blognya?
Ada yang ingin ditanyakan?
Jika ada yang ingin menanggapi dan menambahkan silakan disampaikan lewat kotak komentar ya kawan.
Salam blogger!
Sebuah gambar yang kita tampilkan dalam postingan blog tentunya memiliki ukuran yang berbeda-beda. Nah, karena perbedaan ukuran ini lah yang akhirnya membuat search engine membutuhkan sedikit waktu untuk mengkonversikan ukuran awal gambar tersebut ke dalam sebuah ukuran standar gambar yang dimuat dalam postingan blog.
Untuk memangkas waktu tersebut, kita sebaiknya Menggunakan Height dan Widht Tags Untuk Mempercepat Loading Blog. Dengan Menggunakan Height dan Widht Tags, proses loading pada blog kita akan terasa sedikit lebih cepat. Hal ini disebabkan karena saat gambar tersebut diberikan Height dan Widht Tags, browser akan tahu jika gambar memiliki ukuran panjang/tinggi dan lebar tertentu sehingga loadingnya akan terasa cepat tanpa adanya konversi ukuran ke bentuk standar (Height=240 dan Widht=320).
Lalu, bagaimana cara penggunaan dari Menggunakan Height dan Widht Tags Untuk Mempercepat Loading Blog ini?
Mudah, kita hanya perlu untuk menyisipkan kode HTML Height dan Widht Tags di dalam kode HTML gambar tersebut saja.
Contoh :
<div style="text-align: center;">
<img alt="emoticon" height="400" id="emoticon" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-EDVszjK2Be1LMUhZfJt-AjKZNthfjGXQen2qbb8HOCHRFnkJJDxaS5Mc5gPpKLSoZsvGoW1Q6X27K4PpI_8SV6ZwQmRLVlx1hDgW5tiMa0oY6LwU0yVoEeH-hcKcqQf9rVxxTHqRC3B2/s1600/emoticon.jpg" width="400" /></div>
<img alt="emoticon" height="400" id="emoticon" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-EDVszjK2Be1LMUhZfJt-AjKZNthfjGXQen2qbb8HOCHRFnkJJDxaS5Mc5gPpKLSoZsvGoW1Q6X27K4PpI_8SV6ZwQmRLVlx1hDgW5tiMa0oY6LwU0yVoEeH-hcKcqQf9rVxxTHqRC3B2/s1600/emoticon.jpg" width="400" /></div>
Maka hasilnya akan tampil sebagai berikut :
Pemberian Height dan Widht Tags memang menjadi sebuah hal yang sangat jarang untuk kita perhatikan. Biasanya kita cenderung mengabaikannya. Karena selain pengaruhnya yang tidak begitu signifikan, kegiatan ini juga cenderung repot dan ribet.
Mungkin bukan menjadi sebuah masalah jika blog kita umumnya hanya menampilkan beberapa atau bahkan hanya satu gambar saja dalam setiap postingan blog. akan tetapi, bagaimana jadinya jika blog kita ini selalu menampilkan banyak gambar dalam setiap postingan blognya?
Ada yang ingin ditanyakan?
Jika ada yang ingin menanggapi dan menambahkan silakan disampaikan lewat kotak komentar ya kawan.
Salam blogger!
Comments
Post a Comment