Cara Mengurangi Waktu Respons Server

Cara mempercepat loading blog dengan 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.

Sekian tutorial cara mengurangi waktu respons server pada kesempatan yang sempit ini, semoga bisa mempercepat blog sobat, jika ada kendala maka silahakan isi form komentar, semoga saya dan ada master yang bisa menjawab, terima kasih sobat ditunggu blogwalkingnya :D