Sebelumnya saya sudah pernah share Trik Mengukur Kecepatan Blog. Bagi yang belum baca silahkan boleh mampir dulu. Agar lebih melengkapi dan menambah wawasan sahabat, kali ini saya akan kembali berbagi satu macam tool lagi. Dan alat yang satu ini recomended banget karna memang sering saya pakai atau bisa dibilang sih menjadi andalan favorit saya. Memang sih mungkin kelihatannya agak ribet untuk yang pemula. Tapi toh tetep gampang kok digunain. Tenang aja deeh.. ^_^
GTmetrix.com – Adalah merupakan suatu alat analisis performa tampilan web/blog. Yang dapat membantu kita untuk mengembangkan tampilan web/blog kita agar menjadi lebih cepat serta dalam hal penggunaan coding yang lebih efisien. Tentunya hal ini bertujuan agar pengunjung kita lebih nyaman berselancar dan betah mencari pengalaman lewat web/blog kita. Ini murni definisi yang asli saya buat-buat sendiri. Kira-kira iyaa seperti itulah gambarannya. Dengan GTmetrix ini, bukan hanya hasil kecepatan dan ukuran blog saja yang bisa kita ketahui. Kita juga jadi lebih mudah untuk melihat apabila ada kesalahan coding atau struktur HTML dalam template kita. Karna nantinya akan diberitahu apa-apa saja kira-kira yang perlu kita perbaiki agar performa template kita menjadi lebih baik. Menarik bukan?? ๐
Terus gimana cara gunainnya nih??
Sekali lagi gampang!! Silahkan sahabat masuk saja dulu ke website nya di alamat www.gtmetrix.com
Nanti akan terbuka tampilan awal kira-kira mirip seperti gambar diatas. Terus tinggal sahabat masukin aja deh alamat URL website atau blog nya sahabat. Boleh pakek awalan http:// dulu tapi juga boleh enggak. Itulah mudahnya dia ngerti kali kalau banyak orang Indonesia tuh malas ngetik-ngetik yang ribet. ๐ Hehehe.. And then, click GO!
Lalu muncul tampilan seperti itu, tandanya sistem GTmetrix sedang bekerja untuk menganalisa sejenak alamat web yang kita masukkan. Disini kita diminta untuk bersabar sedikit menunggu prosesnya. Iyaa mungkin bisa agak lama laah. Nah, daripada bosan sembari menunggu, mending sahabat perhatikan saja tuh tulisan yang ada dibawah didalam kotak persegi panjang itu. Yang tulisannya Did you know? bla… blaa… blaa.. dan bala semacamnya. Kalau sahabat ngerti sedikit Speak English (a little-little bit twinkle star juga boleh lah) pasti bisa dapet masukan dari situ. Karna dia akan sedikit memberitahu kita apa yang menjadi kekurangan saat browser mencoba mengakses atau loading menuju ke web/blog kita tersebut. ๐
Nah, kurang lebih setelah itu akan muncul hasil laporan nya seperti dibawah ini dia screenshotnya sob:
Bingung?? Gampang!! Jangan khawatir kan ada saya disini. Ceeilaaah.. acem betol aja wooy.. -_-“
Secara ringkas, silahkan lihat dibagian Summary saja. Kalau sahabat cuman sekedar pengen nge-check ukuran/size halamannya dan berapa kecepatan aksesnya iyaa lihat aja dari situ. Tulisannya Page Load Time untuk kecepatan dan Total Page Size untuk ukuran beratnya halaman. Silahkan klik saja gambar yang ada di halaman ini jika tulisannya tidak terlihat dengan jelas supaya tampil Fullscreen. Tenang saja saya udah pakek CSS Lightbox kok. ๐
Terus yang A dan B itu untuk apaan?? Itu sih kalau menurut sepengetahuan saya ibaratnya semacam nilai blog kita. Sama kayak rapot waktu kita SD gitu. Kan ada tuh nilainya Merah atau Hijau, ada kan?? Yang bagus biasanya iyaa dapet grade A doonk.. terus yang E itu biasanya kalau dikampus saya sih udah kenak DO namanya alias Drop Out. Hehehe.. ๐ Makanya jangan sampai sahabat malah makek template yang grade nilainya jatuh sampai ke D apalagi sampai E. Perlu dihindari lah demi kenyamanan para pengunjung setia blog kita. Siip??
Nah, terkait Grade penilaian itu tadi lebih lengkapnya lagi sahabat bisa melakukan analisa lewat keterangan dibagian Breakdown. Disitu secara lengkap akan dikasih tahu penilaian per mata pelajarannya (istilah anak sekolahan) atau spesifikasi dibagian mana saja yang perlu sahabat perbaiki jika nilai Grade nya masih merah. Disitu juga ada empat macam tab pilihan, ada Page Speed, YSlow, Timeline dan History. Masing-masing tentu punya rincian data yang berbeda-beda. Tentu bagi seorang pemula yang pengen bisa jadi Web Developer handal, hal semacam ini perlu juga sedikit demi sedikit dibiasakan dan kalau bisa dikuasai biar lebih ngerti minimal bisa nguasain tampilan templatenya. Saya juga masih belajar. ^_^
Kelebihan GTmetrix
Seperti yang saya katakan diawal GTmetrix ini bisa dikatakan salah satu tool favorit saya untuk melakukan analisa terhadap performance web. Kenapa?? Tentu karna saya sudah mengetahui ada sisi kelebihan yang dimiliki tool yang satu ini. Yaitu bisa melakukan Analisa Perbandingan. Maksudnya, adalah kita bisa melakukan beberapa analisa tampilan sekaligus dengan batas maksimal 4 (empat) macam alamat URL web untuk mendapatkan data rincian perbandingan diantaranya. Jadi, ibaratnya nih kita pengen tahu kira-kira performance tampilan web kompetitor atau idola kita kira-kira lebih bagus mana iyaa dengan tampilan saya?? Nah, dengan GTmetrix kita bisa tuh analisa perbandingannya. Wiih.. mantep kan?? ๐
Caranya juga masih gampang!! Klik aja tulisan Compare to another URL dibagian sidebar kiri. Terus muncul pop-up masukin deh alamat URL web lain yang pengen kita bandingkan trus klik GO!. Cuman masukinnya gak bisa sekaligus empat alamat yaa, jadi harus satu per satu dulu. Nanti gitu yang alamat kedua udah selesai di analisa oleh sistem, baru kita klik lagi Add another URL trus masukin alamat URL web yang ketiga dan gitu juga untuk yang keempat. Dan memang cara inilah yang menjadi andalan saya kalau di GTmetrix.com karna sebenarnya masih banyak sih website yang sejenis kayak gini. Yang jelas masing-masing tentu punya kelebihan dan kekurangan.
Prinsipnya,
Nah, berikut ini review hasil dari report analisa perbandingan diantara empat macam tampilan yang ada di template Chaidir’s Web ini. Mungkin kira-kira bisa menjadi referensi buat sahabat yang nantinya pengen nyoba juga main analisa banyak-banyak alamat sekaligus. Iyaa seperti saya ini lah contohnya:
Disitu saya mengakses untuk keempat alamat URL berikut ini:
1. Halaman Beranda >> www.chaidir.web.id/
2. Halaman Pencarian >> www.chaidir.web.id/search/label/max-results=4
3. Halaman Statis >> www.chaidir.web.id/p/archieve.html
4. Halaman Artikel >> www.chaidir.web.id/2013/08/fungsi-kegunaan-bentuk-conditional-tag.html
Kelihatan banget yaa weblog saya ini memang sengaja saya desain ringan di halaman awal aja sob. Hehehe.. Gitu udah masuk ke halaman level keempat yaitu di Artikel tulisan baru deh berasa size halamannya makin berat. Saya rasa itu masih wajar aja sih soalnya emang konsep saya yang pengen membuat tulisan di weblog ini tuh selalu dihiasi dengan gambar-gambar ilustrasi yang mendukung. Saya rasa cuman itu lah yang membuat ukurannya jadi berat, kalau udah nyampe di halaman artikel gini. Harap maklum aja yaa sahabat. ๐
Saya rasa cukup dulu sharing hari ini. Semoga tulisan ini bisa bermanfaat buat sahabat yang pengen mereview kembali performa tampilan blog nya masing-masing. Iyaa, walaupun mungkin tulisan ini cuman sekedar menjelaskan inti-intinya saja saya rasa sudah cukup lah untuk menjadi bekal. Setidaknya bisa nambah referensi buat sahabat lah. Toh nanti kalau pun memang sahabat masih bingung, ada kendala saat sahabat pengen meninjau atau memperbaiki dimana letak kesalahan template nya boleh kok kita sharing lagi. Tinggalin aja tanggapan lewat kotak komentar dibawah ini. ^_^
Selamat Mencoba.. Semangat Berkarya!!
Jefry Dewangga
Wah pos tahun 2013, tampilan GTmetrix masih yang lama tuh… Tahun 25 Agustus 2013 ane masih kelas 1 SMA. ๐ Alhamdulillah dari dulu paling sensitif sama kecepatan loading blog, efek sampingnya blogku selalu aku usahakan fast load dengan hasil GTmetrix baik.
ยทChaidir
Iyaa Mas, saya juga dari dulu suka kasih perhatian lebih sama kecepatan loading blog.
ยทDan ini penting untuk yang mau ganti template atau theme di blognya. Harus dibikin dan pilih tampilan yang seringan mungkin yaa kalau bisa. ๐
Dwi Wahyudi
Wah desainnya simpel dan cukup menarik, mungkin bisa saya rekomendasikan ke kawan2 yang berminat. Kalau saya sendiri baru saja ganti theme, thanks for share… ๐
ยทChaidir
Untuk SiCupus Blue Responsive Template memang kebetulan bisa dibagikan..
ยทJadi silahkan direkomendasikan saja Mas, saya rasa cocok juga untuk yang baru mau memulai ngeblog.. ๐
Labbay Modjo Lelo Idjas
iya mas. kayaknya ane terlalu banyak pasang java scrip nich. ๐
ยทChaidir
Saya udah bisa cek Mas blognya.. ^_^
Hehehe.. penasaran soalnya tadi barusan saya coba lagi..
Sepertinya ada masalah dari server Mas.. Default GTmetrix itu Test Server Region nya dari Vancouver,, tadi gitu saya ganti dari Dallas,USA baru bisa nampil.. Saya share lewat Google+ yaa..
ยทLabbay Modjo Lelo Idjas
iya mas. mkasih.
ยท^_^
Chaidir
Sama-sama Mas..
ยทMudah-mudahan bisa bermanfaat..
^_^
Labbay Modjo Lelo Idjas
yach blog ane sederhana sich mas. hhee :/
ยทChaidir
Euyah, saya kasih rekomendasi satu tools lagi deeh..
http://developers.google.com/speed/pagespeed/insights
Coba pakek itu Mas, hampir sama kok fungsinya..
Contoh, homepage saya hasilnya 88/100 hampir sama juga dengan YSlow grade di GTmetrix nilainya 89%
Semoga bisa membantu.. ^_^
ยทLabbay Modjo Lelo Idjas
ini mas blog saya idjas.blogspot.com
ยทChaidir
Iyaa udah saya coba.. emang bener error yaa hasilnya..
ยทKatanya sih karna kelamaan tuh waktu analisisnya.. Bisa jadi blog nya berat kali Mas..
Labbay Modjo Lelo Idjas
mkasih ya mas. ane dach cobak tuh. tapi kenapa yach kok ujung-ujungnya error analisiys
ยทChaidir
Waah.. saya belum pernah error tuh Mas.. Sampai sekarang saya masih setia makek tools satu ini..
ยทCoba alamatnya apa yaa?? ๐
kakaakin
Hehe.. agak bingung tadi pas mau komen.
ยทSiip banget nih. Boleh dicoba caranya.
Chaidir
Siip deh Mbak..
ยทKalau masih bingung2 baca lagi aja tulisannya.. ๐ hehehe..
widodo
izin nyoba sob
ยทChaidir
SIlahkan sob.. mumpung GRATIS boleh coba sepuasnya.. ๐
ยทChristanty Putri Arty
mantap banget speedy 90-an… siip deh mas ๐
ยทChaidir
Alhamdulillah mbak..
Makasih deeh.. ๐
ยทsabda awal
dapat nilai 90 untuk page speed, udah mantab lah (y)
ยทChaidir
Kalau merasa udah nyaman dengan template nya iyaa mantab..
ยทTapi kalau pengen diperbaiki, itu masih bisa ditingkatkan kok!! ^_^