Cara Mempercepat Loading Blog Lanjutan

Untuk mempercepat loading blog pertama kita harus test kecepatan blog kita. Dengan cara mengunjungi situs http://gtmetrix.com/ atau https://developers.google.com/speed/pagespeed/insights dan lihat berapa skor kecepatan blog yang kalian dapatkan dari situs tersebut. Selanjutnya, ikuti langkah² dibawah ini.

Menambahkan attribute width dan height.

Untuk bab posting, jikalau mengatur gambar ke small, medium, large atau x- large. Maka otomatis gambar itu sudah ada attribute width dan height. Jika Original attribute width dan height belum ada. Begitu juga dengan gambar yang kita masukan pada bab blog lainnya. Seperti header, sidebar, footer, widget dan lain-lainnya. Contoh penambahan isyarat attribute width dan height:

1. Untuk isyarat HTML
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGR3WWXdo9oqDs8yo5GrU7asxr5OYRJPsunQ8lb-lTXZi5PCArjlRPuVsGpyK0P1XasJcWr-ULWoCd7BTa8hzip9IbA7cWF2p6ua32ttncb1rZDLJ7OUrpAGaPBC30ejjg7WGUusFjCAT1/s128/fandra-juani.jpg' width='32' height='32' />


2. Untuk isyarat CSS width:70px;height:70px;

Silakan tambahkan attribute width dan height disetiap gambar yang anda gunakan diblog.

Merubah ukuran orisinil dari sebuah gambar.

Contoh: Ukuran orisinil dari sebuah gambar ialah 400x800. Lalu kita upload ke posting blog, dan kita perkecil gambarnya, dengan pilihan Small, sehingga ukuran gambar menjadi 100x200. Itu berarti ukuran gambar yang kita gunakan hanya 100x200.

Agar loading blog lebih cepat, kita ubah dulu ukuran orisinil gambarnya dikomputer, dari 400x800 menjadi 100x200, sesudah itu gres lah kita upload lagi ke blog, dan gantikan gambar sebelumnya dengan gambar baru. Makara intinya, upload lah gambar dengan ukuran yang seperlunya. Maka loading blog akan jauh lebih cepat.

Mengganti server gambar blogger dengan google.

1. Buatlah entri baru, kemudian masukan gambar ke posting.
2. Selanjutnya buka https://picasaweb.google.com/ di tab baru. Klik goresan pena di sini. Jika ada gambar ibarat dibawah ini.

3. Setelah terbuka, pilih Folder sesuai dengan nama yang anda gunakan di google.
4. Buka folder tersebut dan cari gambar yang sesuai dengan gambar yang gres saja anda masukan ke posting tadi.
5. Lalu klik gambar tersebut, sesudah terbuka. Ambil URL nya, caranya klik kanan digambar, kemudian klik copy image location.  
6. Setelaah itu kembali ke posting blog tadi, dan klik pada bab HTML(disebelah compose).
7. Ganti URL gambar blogspot dengan url gambar dari google. Contoh:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAbpozfdmjhbXjvcZQ9HqdG5BcW3Z12e8BOyPmVuJnzp3EpufAPccaGbHiocfi-yc_E_UfwaP_I3sgYehdOIRQUbX3RRw0HbOydtpukPVT9WZKCaGzkc-UJ-OtNawYhK7HDij0rFOpCKY/s1600/loading.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAbpozfdmjhbXjvcZQ9HqdG5BcW3Z12e8BOyPmVuJnzp3EpufAPccaGbHiocfi-yc_E_UfwaP_I3sgYehdOIRQUbX3RRw0HbOydtpukPVT9WZKCaGzkc-UJ-OtNawYhK7HDij0rFOpCKY/s1600/loading.jpg" /></a></div>

URL yang berwarna hitam diatas. Ganti dengan URL dari picasa web google. Contoh:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnvENVORqUY2dz0-VTwdPmXfGOW522U7tbf8UMyZJM04jFHSBXPXsyKNxOn3sANrQ9Au5-mz5GL43-s5MbKu07Cb3jyI1v5Hrb9j3zn2nQBV7JDbFAt-l7S32fiuXiFjsV_VlA5hBywbF/s300/loading.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnvENVORqUY2dz0-VTwdPmXfGOW522U7tbf8UMyZJM04jFHSBXPXsyKNxOn3sANrQ9Au5-mz5GL43-s5MbKu07Cb3jyI1v5Hrb9j3zn2nQBV7JDbFAt-l7S32fiuXiFjsV_VlA5hBywbF/s300/loading.jpg" /></a></div>
8. Selesai.

Setiap gambar yang kita masukan ke posting blog, maka otomatis gambar tersebut juga ada di picasa web album. Kenapa URL dari blogger harus diganti dengan URL gambar dari google. Karena server google lebih cepat dari blogger. Sehingga gambar akan lebih cepat dibuka.

Setelah melaksanakan 3 cara diatas, coba test lagi kecepatan blog anda ke situs http://gtmetrix.com/ atau https://developers.google.com/speed/pagespeed/insights dan lihat berapa perubahan skor kecepatan blog yang kalian dapatkan. Contoh: Score kecepatan loading dari blog aku di situs http://gtmetrix.com/.

Cara mempercepat loading blog ini, merupakan lanjutan dari artikel sebelumnya, yaitu ihwal tips dan trik mempercepat loading blog. Semoga sanggup bermanfaat untuk anda.