Mengurangi waktu respons server PageSpeed Insights,
salam sapa sahabat-sahabat yang baik hati, pada kesempatan yang
terbatas ini saya ingin berbagi bagaimana cara mengurangi waktu respons
server, biasanya sobat akan menemui masalah ini pada waktu cek kecepatan
blog melalui pagespeed insight, alkisah saya mulai dari ganti template,
semalam saya ganti template dan speednya agag lemot menurut saya,
sampai sekarang masih dalam maintenance speed blog karena saya yakin
pengunjung sangat tidak suka dengan yang lemot-lemot apalagi kuota
tinggal dikit(Three sob),hehe
Sebagian template sudah lolos aturan pagespeed yang ini tapi masih
banyak juga yang belum, kode ini saya lihat-lihat dari template saya
yang sebelumnya, namun saya tidak tahu apa gunanya,hehe maklum masih
pemula masih belajar belajar dan belajar dan berbagi (y), saya bukan
hanya berbagi namun juga meminta koreksi dan saran, karena bisa saja
sang pemula memberikan ajaran yang salah kepada sesama pemula jadi untuk
master-master yang ahli dibidang blogging mohon untuk koreksinya ya
sebelum kami masuk ajaran yang sesat.
Langsing saja ya, ehh salah langsung saja maksud saya kita mulai acara
pada kesempatan kali ini (salah ngetik kok dibilang salah,kan bisa
dihapus lagi :P), sebelum ada yang berkata seperti itu jadi saya
duluan,hehe, maklum sob saya ini ingin menulis tapi kurang ide jadinya
ngayat (bengkulu-lang) :D kan tidak mungkin kalau langsung kasih
skripnya tanpa basa basi bisul , hmmmm wokelah kalau begitu, saya mulai
saja ya, daripada om gugel marah dengan kalimat-kalimat yang tidak baku
ini
Ini scrensut saya diambil pada hari ini sob, cuma 5 yang aturan yang lulus, besok dilanjutkan lagi
Berikut kode yang saya gunakan untuk mengurangi waktu respons server
<script>
//<![CDATA[
function resizeThumb(parentID, size) {
var parent = document.getElementById(parentID),
image = parent.getElementsByTagName('img');
for (var i = 0; i < image.length; i++) {
image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c");
image[i].width = size;
image[i].height = size;
}
} resizeThumb('Blog1', 120);
//]]>
</script>Silahkan sobat copy dan pastekan ditemplate sobat pada bagian kurang lebih seperti ini :
<div id='post-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
</b:section>
</b:section>
KODE DISINI
</div>Silahkan ganti KODE DISINI dengan kode javascript diatas. kalau berhasil maka seluruh gambar akan akan mempunyai style dengan lebar 120px dan tinggi 120px seperti ini jika dilihat memlalui inspect elemen/pagesource
<img alt="Mengurangi waktu respon server" src="#" width="120" height="120">Apakah seluruh gambar akan mempunyai lebar 120 dan tinggi 120? jika seluruh gambar dan emoticon membengkak menjadi 120px, maka silahkan sobat baca artikel sebelumnya tentang tag kondisional.
Lebih Menarik Lagi:
6 Comments
