15 Cara Optimasi Blog Agar Tampil Lebih Cepat

Need for speed up your blog? Yups, siapa yang tidak ingin halaman blog-nya tampil lebih cepat, pada kenyataannya selain kualitas konten, faktor kecepatan loading page lah yang sangat besar pengaruhnya buat kenyamanan pengunjung. Sudah menjadi sifat dasar manusia dimana menunggu adalah pekerjaan yang sangat membosankan, ini yang harus kita cermati bersama, jangan sampai pengunjung kabur dan pindah ke situs lain hanya karena blog kita sangat lambat ketika dibuka..walaupun itu hanya telat beberapa detik saja. Faktor kecepatan koneksi juga bisa dikatakan sebagai salah satu biang kerok, meskipun kita berpikir halaman blog kita tampil secepat kilat ketika dibuka pada komputer kita sendiri, tapi tidak begitu khan dengan koneksi pengunjung.
 
Nah, disini saya mencoba memberikan tips cara Optimasi blog agar bisa tampil lebih cepat, tentunya cepat dalam batas wajar.
 

15 Cara Optimasi Halaman Blog Agar tampil lebih cepat

 
1. Aktifkan Kompresi dengan GZIP
Browser modern biasanya mendukung kompresi untuk HTML, CSS dan Javascript. Melakukan kompresi pada ketiga file tersebut tentu akan menghemat waktu loading halaman dan secara otomatis tentu akan terjadi pengurangan waktu download. Para Webmaster pintar diluar sana sangat menyarankan kita menggunakan kompresi dengan Gzip. Untuk teknik dan tutorial Gzip silahkan disearch aja ya. Jika pembaca menggunakan Platform Blogspot abaikan saja kompresi ini karena secara default blogspot sendiri sudah mendukung teknik tersebut. Untuk pengguna Plaform lain seperti Wordpress silahkan menggunakan Kompresi Gzip ini atau kalau gak mau repot pake Gzip sebaiknya gunakan saja plugin
WP Super Cache.
 
2. Buang Spasi kosong pada kode HTML
Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya  termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepad++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus Blank Lines.
 
3. Lakukan Kompresi CSS (Stylesheet)
Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan sepertiYUI Kompresor dan cssmin.js.
 
4. Letakan CSS (Stylesheet) di Atas
Adakalanya kita tidak meletakan CSS di header, biasanya cara tersebut kita gunakan untuk membuat Style tunggal untuk gaya tertentu pada widget. Para webmaster yang ahli biasanya menyarankan kita sebaiknya memanggil semua kode CSS pada halaman HEAD entah itu CSS Internal maupun CSS External semuanya sebaiknya dijadikan satu pemanggilan dalam Header.
 
5. Buang CSS (Stylesheet) yang tidak perlu
Ketika browser mengakses halaman, biasanya harus melalui proses download dan menganalisa setiap baris kode dalam CSS (stylesheet) terlebih dahulu, bayangkan jika banyak kode CSS percuma yang harus diproses namun  tidak dieksekusi sama sekali! ini akan sangat mengganggu karena akan menghambat proses rendering yang harusnya lebih cepat!
 
6. Periksa Validasi CSS (Stylesheet)
Walaupun sering terjadi kesalahan dalam menulis kode CSS, broser tidak akan menampilkan pesan kesalahan apapun dalam layar, semua eksekusi akan terus dijalankan tanpa adanya laporan error meskipun itu hanya salah dalam satu huruf saja. Sebaiknya jangan abaikan kesalahan ini, silahkan check validasinya. Untuk lebih mudahya silahkan gunakan tools online gratis seperti W3C CSS Validations
 
7. Kombinasi CSS (Stylesheet) dalam file External
Kekurangan CSS Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan kode CSS melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua kode CSS hanya dalam satu file saja.  (untuk pengguna blogger abaikan teknik ini karena akan lebih bagus dengan pemanggilan internal)
 
8. Lakukan Kompresi Javascript
Teknik kompresi Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin
 
9. Buang Javascript yang tidak Perlu
Suka tidak suka penggunakan javacript (JS) kadang sangat diperlukan, walaupun JS kadang membuat loading halaman akan semakin berat. Ketika browser mengakses suatu halaman, biasanya harus melalui proses download dan menganalisa kode dalam JS terlebih dahulu, bayangkan jika banyak pemanggilan JS secara percuma yang harus diproses namun tidak dieksekusi sama sekali! Silahkan teliti kembali kode JS yang menurut kita tidak berguna, cek ulang dan jangan sampai parkir terlalu lama, jika tidak digunakan lagi mending hapus saja!
 
10. Kombinasi Javascript dalam file External
Hampir sama kasusnya dengan CSS External diatas, Kekurangan javascript Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua koding JS hanya dalam satu file saja.
 
11. Lakukan Optimasi Gambar
Website dinamis tanpa dihiasi gambar tentu tidak akan menarik, namum penggunaan gambar yang berlebihan akan menjadi masalah ketika browser melakukan download pada halaman. Sebaiknya kurangi gambar yang tidak perlu, terlebih pada gambar yang mempunyai ukuran cukup besar. Jika memang terpaksa menggunakannya, sebaiknya lakukan optimasi pada gambar tersebut dengan cara melakukan kompresi tanpa harus mengurangi kualitas gambar. Saran saya silahkan gunakan Yahoo! Smush.it
 
12. Jangan Paksa Skala Gambar dalam HTML
Hindari menggunakan gambar yang besar hanya karena kita dapat mengatur lebar dan tinggi dalam HMTL, Kita memang bisa mengatur ulang gambar sesuka hati melalui CSSatau dalam tag <Img> seperti pada html berikut ini <img width="100" height="100" src="gambar.jpg"/> walaupun ukuran gambar sebenarnya adalah200x200px sebaiknya jangan mengecilkan dengan mengatur ulang skala gambar, akan lebih baik kita membuat gambar 100x100px sesuai dengan ukuran gambar sebenarnya.
 
13. Hindari Gambar SRC kosong
Pemanggilan tag SRC untuk gambar biasanya ada pada dua kemungkinan, bisa melalui HTML<img scr=""> atau memalui Javascript var img = new Image(); img.src = ""; walaupun browser mengabaikan permintaan ini jika gambar dalam keadaan kosong, tetap saja ini melalui proses rendering yang harusnya tidak membebani server. Silahkan perikasa kembali blank SRC, Jika memang tidak digunakan mending dihapus saja.
 
14. Periksa Kembali Broken link
Link yang telah mati bakal tidak disukai pembaca, jangankan pembaca..search engine sekalipun tidak menyukai hal ini. Lakukan pengecekan broken link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini, salah satunya yang terbaik bisa menggunakan tools dariW3C Checklink
 
15. Buang Widget atau plugin yang tidak Perlu
Widget yang terlalu banyak hanya membuat halaman jadi semakin berat, apalagi widget tersebut tidak begitu berguna. Silahkan kita pilah-pilah kembali widget yang sekiranya tidak ada maanfaat sama sekali seperti memasang jam dan kalender. Tanyakan pada diri kita sendiri apa gunanya memasang jam di blog, jika hanya sebagai penunjuk waktu. Lebih lengkapnya bisa Anda baca di posting Optimisasi Widget pada Blogger.
 
Itulah beberapa tips untuk mengoptimisasi loading blog Anda sehingga menjadi lebih cepat diakses oleh pengunjung dengan harapan pengunjung bisa lebih lama di blog Anda dan bounce rate Anda turun.

60 comments — Skip to Comment

sarah azahra said...

Blog aku berat kang, mohon bimbingannya.
Gambar berpengaruh juga ya kang, kalo validasi di W3C berpengaruh ga kang?

Windows 7 Blog said...

follower ke 97, follow balik yaa?

kangmusa said...

@sarah yang harus Anda lakukan pertama kali adalah memvalidasi. search saja di Google dengan kata kunci html validator. kemudian, benahi bagian-bagian yang tidak valid. setelah itu, Anda bisa gunakan beberapa layanan kompresor gratis di internet. Contohnya adalah css compressor atau javascript compressor. kemudian, kurangi beberapa widget yang dirasa tidak perlu. Nah, dengan melakukan cara-cara tersebut, insyaallah kecepatan loading blog Anda akan meningkat jauh.

puluthriau said...

blog saya gimana tu menurut si akang , ,masih pake template standard blogger . . berat kah . . terima kasih infonya :D

ichsan afriadi said...

mas template saya lumayan lama , tp di page speed online google 91 , gimana tuh maksudnya ?

Ronal Pardede said...

nice info kang.
kunjungi blog saya kang www.naktau.co.cc
menurut akang termasuk berat gak?

lemovies said...

Gan ada cara lain ga buat ngatasin masalah no 13,karena postingan di blog ane banyak sekali mengunakan gambar img src ..

Tks Infonya

yg baru belajar said...

dicoba. makasih

Rina As said...

Postingannya sangat berguna buat blog aku yg aksesnya sampai sekarang masih berat
Makasih...

Admin FRP said...

makasih ilmunya kang,
mesti belajar css nih.
tapi lumayan lah, sementara gambar dulu dibetulin.

ibnu99 said...

wahh mantab kang infonya.. numpang belajar di blog akang, salam knal kang

download komik manga terbaru said...

mantapp infox gann...

Kerajaanhosting masa depan hosting Indonesia said...

sangat membangun artikelny thanks kwan :D
visitback y

Klik menarik said...

Mantap Nih Postingannya...
SAngat Bermanfaat Sekali

Comp-v said...

Mantab infonya gan,,qcba bwt liat akunq dh lmayan nie...

franky stg said...

penjelasannya sangat lengkap dan bermanfaat tentunya.

franky stg said...

blog saya lambatnya minta ampun, mudah2an tips ini bermanfaat :)

Bengkel Laptop Semarang said...

thank's gan....

dwi rachmat said...

tips nya bagus mas..saya jg susah memakai bbrp tips ini, tp wa jg bingung template blog saya klo d kompress, malah jadi berantakan letak widget malah jadi kebawah post..huduh napa ea..

Dhicomp said...

Manfaat sekali Om.
Tk'y

Goesphin said...

Wah.. terima kasih kang...

timbanganhewan said...

Makasih untuk infonya numpang bolehkan TIANG ANTRIAN untuk antrian biar ga semerawut

b0z_gank said...

nice inpoh kang mus.. kunjungan balik yah kang :D

ValVen said...

makasih informasi optimasi blognya ya,mampir gan

Anam said...

Artikelnya menarik dan bermanfaat. Senang mengunjungi blog Kang Musa. Trm ksh share ilmunya :D

Diva mebel said...

Makasih infonya tak coba dl

Serambi said...

saya sangat newbie gan, jadi masih sangat bingung dengan hal beginian, saya kesini untuk datang berguru, makasih ilmunya gan..

Belajar Bisnis Online Dasar dan Buat Web said...

wah mantaps ! ilmunya sangat berbobot dan lengkap kayanya sayang nih kalau tidak diterapkan di blog saya belajar bisnis online dasar dan buat web ,pastinya trik ini bakal lebih " ngebosting " nih ,izin di pake ilmunya ya mas bro ...

blog bisnis online | bisnis internet | internet marketing

shafira said...

trimakasih infonya kang

information today said...

dapat ilmu baru lagi, trims gan

kumpulan bisnis online said...

info yang membimbing saya.trims gan

kuunduh.com said...

makasi infonya kang, kebetulan blgo sya berat sekali, mudah2an setelah pakai cara ini jadi lebih ringan , hehehe

serba serbi said...

benar2 mantap kang. Betah aku diblog kakang.

obat herbal gold g said...

ok gan....
makasih banyak tips nya
bermanfaat skali
salam sahabat

radiohotstation said...

terimksh bang sudah sya cb berhsil, www.radiohotstation.com

blogger bondowoso said...

thanks atas infonya

Rizal said...

Thanks infonya...
visit my blog http://punya-rizal.blogspot.com

Relief taman dan ornamen dinding buatan said...

makasih banyak tips nya gan
bermanfaat skali
salam kenal...

Obat Herbal Hiv Aids said...

wah,,,ada beberapa yang saya belom ngerti nih kang,,aplagi urusan CSS,,,tapi terima kasih buat infonya

Obat Herbal Diabetes Melitus said...

buang java script yang tidak perlu ,,rasanya sayang sekali kang,,hehehe,,,,tapi biar blog kita lebih cepat ya,,terima kasih,,,

Muhammad Adam Hussein Adamssein said...

bener banged kang, gambar, widget yang bermasalah (seperti: widgeo.net, rankwidget.com, wibiya.com yang ngandung pop-ups).


Makasih ya kang penjelasannya.

Jangan lupa mampir ...

GEO said...

Mantap tipsnya sob..

Update Status said...

Keren kaka .. Tutornya .. Manstab

dah saya coba di blog saya .. wkwkw tapi blom semua .. ijin boorkmark ya ..:D

sekedar wawasan said...

wah, pasti super sepat itus sob..ane aja cuma pake kompres html n css aja uda ringan sob...

Yusuf said...

Terimakasih gan, oya untuk menengetahui/mengukur berapa kecepatan loading blog gimana caranya?

artikel kontroversi said...

bagus bangett.... thanks kang infonya

Ahmad said...

memang kang, buat saya koneksi emang jadi biang kerok paling utama.. jadi smw'y serba letoy :(
namun makasih bangat atas tips2nya.. sangat bermanfaat.. :)

Darmawan Saputra said...

setuju sekali.. sangat bermanfaat

bagyo said...

mantap gan...

savia said...

sebagian infonya sudah ada yang saya praktekin,sisanya....masih bingung..makasih banget infonya.

Hernia said...

masih bingung saya gan, takut tar templatenya jadi rusak

obat herbal kista said...

terimakasi atas info nya

Tifan Dwi Avianto said...

Awesome interesting info.. di cek ya blog saya tampil cepat ato tidak.. hehehe
http://anvity.blogspot.com/

salam kenal & sukses selalu buat kangmusa.com

handaka said...

trims banyak mas ,, buat info supernya ,,, sangat berguna sekali nie

care of face skin said...

thanks gan infonya

Januar said...

bos...ane punya website susah amat naiknya. bisa kasih pencerahan

Financial Advertising said...

Kalau indexs google gak stabil bisa kasih pencerahan gak gan, karena optimasi blog agar tampil lebih cepat sudah saya lakukan.

muhamad ramadan said...

kang, blog saya masih pake template dari blogger, apa temlpate tersebut berat..?
ini blog saya mohon bimbingannya kang, kangramatea.blogspot.com

Bimbingan Belajar said...

nice info

Cara Baru Atasi WC Mampet said...

artikelnya sangat bagus.
semoga bermanfaat dan ditunggu artikel selanjutnya.
terimakasih

Post a Comment — or Back to Content


Silahkan berkomentar mengenai posting di atas di kolom komentar di bawah ini. Terima kasih karena telah mengunjungi http://www.kangmusa.com dan meninggalkan komentar.