Jumat, 20 Juli 2012

Cara Mempercepat Loading Halaman Blogspot Terbukti Berhasil Sanggup Sekor 100

Assalamualaikum Wr. Wb.

Blogger mana sih yang tidak mendambakan blog nya sanggup diakses dengan loading super cepat? kecepatan blog memang bukan salah satu faktor SEO, namun Google mencatat dari penguna browser Chrome bahawa visitor akan lari ke situs yang lain jikalau halaman blognya terlalu-lama untuk dimuat. Nah dari hal ini saya menyimpulkan bahwa secara tidak eksklusif kecepatan loading blog juga merupakan faktor SEO, ingat! secara tidak eksklusif ya.


Kali ini mbah Dukun bakal share cara meningkatkan kecepatan loading blog yang tentunya sudah saya buktikan sendiri. Sebelumnya disini saya akan luruskan terlebih dahulu bahwa fitur Google Page Insight bukan alat untuk mengukur kecepatan blog melainkan alat ukur praktik terbaik dalam meningkatkan secara optimal kecepatan blog.

Untuk mengukur kecepatan blog, biasanya saya akan melihatnya melalui Webmaster dibagian aktifitas Rayap Googlebot. Dan berikut beberapa cara yang gampang untuk diikut:

Gunakan Gambar Format WebP, Jangan PNG atau JPG
Percaya atau tidak, format gambar Webp mempunyai ukuran per byte nya sampai 95% lebih kecil dibanding format gambar Png untuk ukuran pixel yang sama. Dan mempunyai ukuran byte 80% lebih kecil dibandingkan dengan format gambar Jpeg / jpg untuk ukuran pixel yang sama. Lihat perbandingan gambar berikut:

Diatas saya membandingkan format PNG, JPG dan WebP yang sama-sama mempunyai ukuran gambar 800x450pixel dan tentu menampilkan foto yang sama ya hhe. Dari tiga gambar diatas, gambar format PNG mempunyai ukuran 487KB, JPG mempunyai ukuran 381KB dan WebP mempunyai ukuran 34KB. Ini artinya format gambar WebP mempunyai ukuran 92% lebih kecil dibandingkan dengan format gambar JPG, Waow!.

Tentunya ini akan meningkatkan loading situs anda secara signifikan, dan itu mengapa poin ini saya taruh dibagian pertama dalam meningkatkan waktu loading situs. Sayangnya app Foto Viewer Windows belum suport format Webp :(, jadi gak sanggup kasih preview gambar, silahkan coba sendiri deh kalo gak percaya.

Gunakan Script Lazyload Image
Lazyload merupakan javascript dari JQuery, fungsi Lazyload ini ialah menunda pengunduhan konten gambar yang tidak terlihat di layar monitor. Contoh: dikala anda mengunjungi situs dukuntekno ini, ada gambar yang letaknya di header dan ada juga yang di footer. Gambar yang letakanya di header akan eksklusif diunduh alasannya ialah memang eksklusif terlihat dilayar, sedangkan gambar yang terletak di footer, pengunduhannya ditunda sampai monitor bergerak kebawah menampilkan area footer.

Untuk memasang skript Lazyload sangat mudah, copy code berikut dan dan taruh di atas tag </body>

Pangkas Kode Javascript
Ada beberapa cara untuk memangkas instruksi JS, Anda sanggup menghapus spasi, instruksi alenia gres (enter), dll. Untuk melakukannya tanpa repot-repot anda sanggup memakai tool Online JS Compressor dengan mengunjungi situs berikut: https://jscompress.com/, Copy instruksi javascript blog Anda kemudian paste ke kolom yang telah disediakan di situs tersebut, kemudian klik kompress. Maka instruksi javascript yang tadinya mempunyai spasi dan enter, kini muncul cuman satu baris alias tanpa spasi dan enter.

Ganti javascript yang usang dengan yang baru.

Pangkas Kode CSS
Sama menyerupai pada poin diatas, disini kita sanggup memakai tool Online. Tapi kali ini namanya ialah CSS Compressor, anda sanggup mengunjungi situs berikut https://csscompressor.com/.

Hapus Kode Template Yang Tidak Terpakai
Kode yang tidak terpakai disini sanggup kode-kode komentar yang bisanya diapit dengan instruksi /* dan */. Terus instruksi lain misalnya, dikala kau menghapus fitur komentar facebook, alasannya ialah komentar facebook loadingnya usang banget, jadi disini ceritanya tu kau apus komentar facebook alasannya ialah bikin lemot. Nah biasanya ada skript JS bawaan facebook tuh yang tertinggal, hapus skipt tersebut.

Nah, gimana gaes? untuk melihat sekor optimasinya Anda sanggup memakai fitur Google Page Insight. Dan untuk melihat kecepatan blog kamu, saya sarankan untuk memakai Google Webmaster alasannya ialah lebih akurat, webmaster mencatat kecepatan situs menurut sasaran visitor blog kamu, bukanya menurut server india, australia, canada, china dll yang gak masuk sasaran visitor hhe. Pis yee klo ada yang salah tolong d kasih tau bab mana yang salah, salam bloger supaya bermanfaat.