Pengkomentar, Wajib Bagi Anda Memiliki Gravatar

July 8, 2010 — Setiap narablog wajib memiliki gambar avatar atau gravatar, karena bila tidak, dapat menurunkan kecepatan loading halaman blog. Gravatar yang tidak terdaftar, menyebabkan adanyar redirect. Pengkomentar, Wajib Bagi Anda Memiliki Gravatar ditulis oleh rismaka pada July 8, 2010. Berikut ulasan selengkapnya. 4.6

Gravatar logo

Gravatar (gravatar.com) merupakan situs layanan iden­titas seseorang di internet. Ia tak terbatas bagi pengguna WordPress saja, melainkan pengguna blog lain, hingga orang umum sekalipun yang tidak memiliki blog.

Gravatar memang tidak wajib dimiliki, tapi di sini, saya ingin mengulas mengapa pengkomentar (pemberi komentar) wajib memiliki gravatar. Hal ini terkait dua hal, yang pertama adalah dari segi performa atau kecepatan akses blog, dan yang kedua dari segi usability (kebergunaan).

Gravatar dari segi kecepatan akses suatu blog

Adanya pengkomentar yang tidak mempunyai avatar dapat menyebabkan kecepatan muat halaman blog tersebut menurun. Berikut ini adalah penjelasan berurutnya.

  1. Suatu halaman blog memiliki 10 buah komentar dari orang yang berbeda. Ketiga dari komentar tersebut alamat surel (email )nya tidak terdaftar di situs gravatar. Atau dengan kata lain, ia tidak memiliki gambar avatar.

  2. Gambar avatar masing-masing pengkomentar ditampilkan berdasarkan pengkode-an algoritma terhadap alamat surel yang diberikan. Hal ini berguna untuk melindungi alamat surel sang pengkomentar. Sebagai contoh, ketika kita melihat source code dari halaman blog tersebut, kita akan melihat kode gambar berikut: <img src="http://0.gravatar.com/avatar/a4229c114cc8c007b1e07c7937509bf8?s=65" />

  3. Setelah halaman HTML dikirim dari server ke client (dalam hal ini adalah peramban yang kita gunakan), maka peramban akan mengirim permintaan (request) ke situs gravatar untuk mengambil gambar avatar dari masing-masing pengkomentar.

  4. Server situs gravatar akan mengecek, apakah kesepuluh alamat surel yang dikirimkan tersebut terdaftar atau tidak di situs gravatar.

  5. Ketika sudah dicek, ternyata ketiga dari alamat surel yang diminta tidak terdaftar. Situs gravatar pun meresponnya dengan mengirim tujuh avatar yang terdaftar ke peramban. Sementara itu permintaan (request) atas ketiga alamat surel yang tidak terdaftar akan diproses oleh gravatar dengan menggantinya dengan avatar alternatif sesuai dengan setelan blog kita.

Tahapan terakhir (poin e) menjelaskan bahwa server gravatar melakukan proses redirect atas ketiga permintaan yang tidak terdaftar. Dalam hal ini telah terjadi tiga (3) buah proses yang sia-sia, dan membuang waktu bagi gravatar untuk mengirimkan gambar avatar alternatif.

Berdasarkan hasil analisis page speed, kita dapat melihat proses redirect ini adalah kesia-siaan yang dapat menurunkan kecepatan muat halaman. Lihat gambar berikut:

Page speed analysis result
Hasil analisis performa menggunakan page speed.

Kesimpulannya, pengkomentar yang tidak mempunyai gravatar dapat memperlambat kecepatan akses halaman blog. Cukup sampai di situ saja penjelasannya.

Gravatar dari segi usability (kebergunaan)

Gambar avatar bermanfaat bagi usability. Contohnya ketika seseorang hendak mengikuti diskusi, ia dapat langsung mengenali siapa saja yang sedang berdiskusi. Gambar avatar juga dapat membantu memudahkan seseorang untuk menemukan komentarnya ketika di halaman tersebut terdapat puluhan komentar.

Ah, andaikan saja saya tidak mempertimbangkan faktor usability ini, sudah sejak lama saya matikan gambar avatar anda :)

  Copyright protected by Digiprove © 2010 rismaka EA

  • http://ardianzzz.com ardianzzzz
    using Google Chrome 5.0.375.99 on Windows XP

    Sebenarnya saya lebih tertarik menggunakan Incarnate tetapi sepertinya instalasinya cukup merepotkan.

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      ardianzzz,
      Ah ya, saya sudah pernah mencobanya. Memang bermanfaat bagi mereka yang tidak mempunyai avatar, tapi plugin tersebut bisa disalahgunakan untuk memalsukan foto, seperti menggunakan avatar orang lain.

      • http://ardianzzz.com ardianzzzz
        using Google Chrome 5.0.375.99 on Windows XP

        Heheh.. sebenarnya gravatar juga bisa ketika kita mengetahui alamat email orang lain. :)

        • http://mxwan.web.id/ Gus Ikhwan
          using Firefox 3.6.3 on Windows XP

          sudah lama tidak bersua di blog kang rismaka.
          emm penting juga memiliki gravatar karena gravatar juga bisa meningkatkan personal branding kita tentunya dengan foto asli, tapi mayoritas user blogspot masih belum punya akunnya apakah karena bw ke sesama user blogspot

  • http://kafegue.com/ iskandaria
    using Google Chrome 5.0.375.86 on GNU/Linux

    Dapat ilmu baru lagi nih tentang aksesibilitas. Mantap mas. Sayangnya, saya sedang ujicoba menonaktifkan fitur gravatar ini. Efeknya, saya juga merasa agak kesulitan menemukan identitas pengomentar saat menyimak deretan komentar yang masuk di berbagai postingan saya.

    Hmm, kayaknya antara aksesibilitas dan usabilty kadang masih kurang bisa akur yach :D

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      iskandaria,
      Maaf mas, bukan tentang aksesibilitas. Tapi tentang performa atau kecepatan akses. Yah, walaupun kecepatan memang masuk ke dalam bahasan aksesibilitas, tapi tulisan di atas lebih spesifik kepada performa dan optimasi kecepatan.

    • http://daniiswara.com/ dani
      using Firefox 3.5.4 on Windows XP

      Mas Iskandaria,
      sebagai adminnya blog, komentar (baru) kan dipantau via surel.

      Yang lebih sulit lagi, bagi pengguna non-admin, mengikuti threaded-comment (‘no offense’), untuk mengetahui alur komentar terbaru.

      Mas Adi-Rismaka,
      menurut saya, untuk performa, ya memang ada yang mesti dibayar. Untuk itu, saya menulis kesangsian dulu itu. Tega…ngga…perlu…ngga… :)

      • http://blog.rismaka.net/ rismaka
        using Firefox 3.6.6 on Windows 7

        dani,
        Pengguna non-admin bisa mengikuti diskusi dengan berlangganan komentar jika ingin mengetahui alur komentar terbaru.

        Kekurangan threaded-comment: seperti yang mas dani sebutkan, plus kurang semantik.

        Kelebihan: Topik yang dibicarakan terpola, tidak campur baur seperti diskusi yang saya singgung di blognya mas ardianzzz. Jadi pengguna bisa lebih cepat mengikuti diskusi PER-TOPIK.

  • http://budiastawa.com budiastawa
    using Firefox 3.6.6 on Windows 7

    Wuih, saya nggak nyangka kalau efek penggunaan gravatar sampai sejauh itu.

    Semoga pembaca yang belum punya gravatar bisa segera mendaftar di gravatar.com.

    Mas Adi, terima kasih atas pencerahannya. Selalu ada yang baru dari RISOFTE.

  • http://laromakomputer.co.cc ago
    using Firefox 3.6.2 on Windows XP

    Terima kasih postingannya Mas Ris, tadi sudah langsung buat, tapi fotonya belum ada, langsung muncul nggak ya,,
    Dan memang gravatar ini membuat kita seperti punya identitas sendiri Mas Ris,,

    • http://laromakomputer.co.cc ago
      using Firefox 3.6.2 on Windows XP

      Ternyata sudah ada, wah keren,,, tinggal cari foto saya dulu Mas,, pakai topeng nggak ya???
      Sekali lagi terima kasih Mas Ris,

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      ago,
      Meski tidak menggunakan foto pribadi, tapi adanya gambar avatar (sekalipun hanya titik gambar berukuran 1px X 1px), tapi itu membantu mengurangi redirect yang akan menurunkan kecepatan.

  • http://www.isnuansa.com isnuansa
    using Firefox 3.6.6 on Windows XP

    Test test, foto saya muncul di sini nggak ya? Owh, maaf, ternyata nggak jadi dimatikan fungsi avatarnya ;-)

  • http://rudyazhar.com Rudy Azhar
    using K-Meleon 1.5.4 on Windows XP

    adakah cara lain yang membuat blog kita lebih cepat loading selain tentunya menonaktifkan fitur gravatar?

    • http://ardianzzz.com ardianzzzz
      using Google Chrome 5.0.375.99 on Windows XP

      nonaktifkan CSS, JS, dan kotak komentar sekalian :)

      • http://rudyazhar.com Rudy Azhar
        using Firefox 3.0.15 on Windows XP

        sarannya kontroversi tuh, wkwkwkwkwkk…..

      • http://gandamanurung.com ganda
        using Safari 5.0 on Windows XP

        Lebih cepat lagi kalau post tiada konten. :D Tiada header. Tiada apa-apa. :D Tapi kesan blog-nya hilang. Hahahahaha… :D

    • http://daniiswara.com/ dani
      using Firefox 3.5.4 on Windows XP

      Rudy,
      dari sisi admin → ya…Page Speed dan YSlow itu. :)

      dari sisi server → pilih yang..taulah..

      dari sisi pengguna → [dejavu] ya ‘disable’ yang tidak perlu. Edukasi pengguna memakai semacam Safari Reader atau ekstensi Readability, atau fitur aksesibilitas ala fakir ‘bandwidth’ (sebagian sudah disebut Mas Ardian). :D

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      Rudy Azhar,
      Ada mas. Cache gravatarnya, Trus split jumlah komentar menjadi maksimal beberapa komentar saja.

      • http://gandamanurung.com ganda
        using Safari 5.0 on Windows XP

        Dalam hal ini, saya jg menyarankan mengaktifkan cached images di peramban. :D

  • http://galerikata.com Bang Dje
    using Firefox 3.6.6 on Windows XP

    Sampai segitu perhitungannya. Apakah perbedaan waktunya bisa mencolok antara memakai gravatar dengan tidak ? Bisa dihitung gak ya ? Berarti kalau fitur gravatar dihilangkan sama seklai bakalan bisa jauh lebih cepat lagi.
    Itu pula sebabnya wajah-wajah kami bisa mejeng lagi.

    BTW, fitur BOTD masih aktif jadi ikut “memasarkan” video BCL.

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      Bang Dje,
      Kalau dilihat dari mata manusia, perbedaan waktunya tidak kentara. Tapi kalau dari sisi client, perbedaan waktunya lumayan. Apalagi kalau di halaman tsb banyak komentar yang tidak menggunakan gravatar.

  • http://antasena.tk GentZu
    using Opera Mini 4.2.14881Mod.by.Handler on J2ME/MIDP Device

    Gak begitu besar masalah ini… Tinggal kita mau pilih yang mana?

    Pada themes mobile yg about (atas footer) di hilangkan aja, kan juga nambah lama loading…
    Ternyata navigasi (themes mobile) pd home page juga sudah diperbaiki…
    Saya juga menggunakan mobile edition…

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      GentZu,
      Ah ya, terima kasih atas masukannya. Nanti akan saya lihat lagi themes mobile yang saya gunakan.

  • http://catatan.legawa.com Cahya
    using Nokia Web Browser on Nokia Series60

    apa penggunaan cache tidak mempengaruhi bukaan halaman Mas Ris?
    Maaf, saya juga jarang lihat tampilan gambar.

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      Cahya,
      Jelas sangat berpengaruh mas, baik itu cache dari sisi server maupun client. Penggunaan cache dapat meningkatkan kecepatan yang sangat signifikan.

      • http://catatan.legawa.com Cahya
        using Opera 10.60 on Windows Vista

        Gravatar rasanya sudah standar sekarang, walau tanpa Gravatar pun tidak begitu ada masalah. Tapi pengguna yang tidak memiliki akun gravatar biasanya saya kosongkan tampilannya.
        Walau mungkin jadinya sama seperti yang Mas Ris uraikan di atas, saya harap sistem cache bisa membantu.

        Toh, tidak semua orang ingin repot-repot punya Gravatar ;).

  • http://tusuda.com/ TuSuda
    using Opera Mini 4.0 on J2ME/MIDP Device

    Lalu bagaimana sebaiknya, gravatar itu pakai animasi atau foto close up diri. Apa perbedaan efeknya. Terimakasih penjelasannya…

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      TuSuda,
      Memakai animasi ataupun foto diri itu kebebasan bli, terserah yang mempunyai akun saja. Perbedaan efeknya mungkin yang menggunakan animasi akan lebih lama terunduhya daripada gambar jpg biasa.

  • http://haritsmugni.blogspot.com Harits
    using Firefox 3.6.6 on Windows XP

    Saya kurang mengerti mas untuk memakai gravatas itu sendiri, tadi sudah sempet saya utak-atik tapi masih kurang ngerti juga.

    Salam kenal yah mas.

    • http://blog.rismaka.net/ rismaka
      using Firefox 3.6.6 on Windows 7

      Harits
      Ah ya, saya juga kurang mengerti maksudnya. Saya tidak pernah menjelaskan harus mengutak-atik kok. Atau mungkin anda memang tidak membacanya?

  • http://sahabatblogger.com/ Sahabat Blogger
    using Google Chrome 5.0.375.86 on Windows 7

    wow..sampai mendetail banget neh om rismaka..tks infonya..

  • http://wildanr05.student.ipb.ac.id wildanr
    using Firefox 3.6 on Windows 7

    Sebenernya saya masih agak ragu apakah gravatar ini sebaiknya diaktifkan atau tidak.

    Sebagai pengguna yang memiliki akses internet lemot, biasanya saya mematikan akses ke situs gravatar (dengan memasukan ke daftar blacklist ad-blocker) biar gambar dari gravatar gak perlu di load.

    Namun demikian saya setuju dengan pendapat anda mengenai “gravatar membantu usability” :)

  • http://antasena.tk GentZu
    using Opera Mini 4.2.14881Mod.by.Handler on J2ME/MIDP Device

    Saya jadi takut komentar di blog ini. Jika ada kesalahan mohon maaf ya mas…

  • http://antasena.tk GentZu
    using Opera Mini 4.2.14881Mod.by.Handler on J2ME/MIDP Device

    eh salah tempatnya mas… maunya tadi nulis koment diposting yang lain, tp tidak sadar sudah ngeklik back…

  • http://www.planet-orange.org Planet Orange
    using Firefox 3.6.6 on Windows 7

    Berat rasanya utk mematikan gravatar, meskipun dulu pernah kepikiran…

    Hambar, jika melihat form komentar tanpa gravatar…

  • http://www.bang-kong.co.cc Febriyanto
    using Firefox 3.6 on Windows XP

    wah, detail banget gan…… gtu y ternyata… manteps…. :D

  • http://desaindigital.com/ Jeprie
    using Firefox 3.6.6 on Windows 7

    Artikel menarik. Saya baru menyadari bahwa perhitungannya seperti ini. Masuk akal.

  • http://rajwarafi.com 2R
    using Firefox 3.6.6 on Windows XP

    Wah…Sy pikir semua kembali kpd selera yah,

  • Pingback: Theme yang aksesibel | RISOFTE

  • http://www.desainqu.com Adhie[DesainQu]
    using Google Chrome 5.0.375.99 on Windows XP

    Saya baru tau itung-itungannya seperti itu.Selama ini saya memang berpikiran akan ada proses tambahan bagi mereka yang tidak mempunya Gravatar.

    Tapi bagaimanapun juga, Gravatar punya arti penting bagi usability, saya setuju itu.

  • http://epenkah.co.cc Epenkah
    using Firefox 3.6.6 on Windows XP

    penjelasannya teknikal bgt bang. Hari gini kok masih aja ada yg gak punya avatar sendiri.. apa kata Rismaka eh kata dunia?! :-D

  • http://ferryprima.com Ferry Prima
    using Firefox 3.6.6 on Windows Vista

    Yo. Gravatar itu penting. gue bisa mengenali orang juga dari fotonya. seperti lo yang punya ciri khas topeng putih. :D

  • http://www.blogepreneur.info blogepreneur
    using Firefox 3.6.6 on Windows XP

    Terima kasih informasinya.
    Saya juga sudah mempunyai gravatar saya sendiri :D

  • http://andikurnia.web.id a
    using Firefox 3.6.6 on Windows 7

    wah, terima kasih tentang ilmunya…btw, salam kenal dari surabaya… :)

  • http://dindasmart.com Dinda Watson
    using Firefox 3.6.6 on Windows 7

    Halo kak ris, dah lama nih ga mampir…
    caranya biar gravatar komentator pembalas lebih kecil gimana kak? kayak yg di blog ini :?

  • http://julianusginting.wordpress.com bicara cinta
    using Firefox 3.6.6 on Windows XP

    saya setuju, lebih menyukai gravatar…lebih familiar

  • http://www.elwardi.com Mawardi
    using Firefox 3.5.11 on Windows XP

    Salam lebih jelas orangnya kalau ada gravatar

  • http://hendro-prayitno.blogspot.com hendro
    using Firefox 3.6.8 on Windows XP

    kalau saya ga tau bagaimana anda menganggapnya karena anda sudah berpengalaman dan lebih baik..
    saya ga punya gravatar

  • http://6raphic.blogspot.com genial
    using Firefox 3.6.3 on Windows XP

    saiia emang suka fitur satu itu.. muncul gag iia di sini :(

  • http://andreasandre.net andre
    using Firefox 3.6.3 on Windows XP

    wah saya baru tahu kalau tidak mempunyai gavatar dapat menyebabkan kecepatan blog menurun. gawat juga ya. untung saya punya. terima kasih mas atas informasinya.

  • http://rizky2009.blogspot.com Rizky2009
    using Firefox 3.6.3 on Windows XP

    kayaknya saya juga sudah terdaftar di gravatar e,ail saya, sop dah, jd enakan kl ada gambar si pengomentar

  • http://grahadesain.wordpress.com Graha Nurdian
    using Firefox 3.6.8 on Windows XP

    Nice explanation bro :)
    Jadi intinya sebenernya Komentator yang menggunakan Gravatar secara tidak langsung ikut sumbang sih dalam proses loading page blog kepada sang owner

    Sedang kan untuk diri sendiri, hmmm mungkin self popularity kali ya? :D

  • Pingback: Mengganti Avatar dengan yang Baru, Kenapa Tidak? | KafeGue.com

  • Pingback: Aksesibilitas Urutan Komentar di Blog yang Terbalik | RISOFTE

  • http://grandchief.fansclubplaces.com grandchief
    using Firefox 4.0.1 on Windows XP

    Menarik tak terpikirkan sampai situ,gravatar memproses kembali prosesnya untuk memunculkan avatar alternatif untuk sang pengomentar tapi boleh jadi sang pengomentar itu baru dalam dunia blogging dan memang tak tahu akan proses penggunaan gravatar ini (apalagi untuk si pengomentar yang hanya untuk menitipkan linknya saja)