Selasa , Agustus 5 2025

Cara Mempercepat Loading Blog – Wawancara Eksklusif bersama Dory Saputro – Blog SEO Friendly 2013

R: Bagaimana caranya agar bisa mendapatkan skor 100% di Google Pagespeed Insight?
D: Seperti yang telah saya sebutkan di atas, untuk meningkatkan kecepatan loading blog secepat yang kita bisa, syukur-syukur bisa mendapat nilai 100/100 di speed insights google. Usahakan kita tidak melanggar pagespeed rules yang telah di tetapkan tersebut.

R: Apakah ada hubungannya antara loading blog dengan Valid HTML5?
D: Saya rasa masih ada hubungannya, sebagai contoh pernahkah anda cek url blog anda den menemukan error seperti kalimat yang mirip seperti ini “The bla-bla-bla attribute on the bla1-bla1 element is obsolete. Use CSS instead.”. Ini berarti anda telah melanggar 1 rules dari speed insghts (optimize css delivery) dimana anda telah meng inline atribut css dalam elemen html. Walaupun poin yang berkurang tidak terlalu significant, tapi jika terdapat banyak error hanya untuk poin ini dalam satu halaman blog, maka bisa berpengaruh juga terhadap kecepatan loading halaman blog (dalam w3.org di sebut sebagai dokumen) tersebut.

R: Kenapa anda tidak memasang widget yang penting bagi pengunjung? Misalnya seperti widget Artikel Terbaru, Artikel Terpopuler, Artikel Terkait, Widget Follower, Subscriber dll?
D: Mungkin ada dua alasan yang mendasari kenapa saya tidak memasang widget seperti yang disebutkan di atas:

1.Saya sangat menyukai pengunjung yang datang dari search engine. Memang memasang widget tentang artikel di atas bisa menambah pageview blog saya, tapi kemungkinan itu berasal dari internal referrer link blog saya dan bukan dari search engine. Saya minimalkan dampak ini, selain itu saya telah menyediakan menu sitemap dalam setiap halaman blog untuk memudahkan pengunjung menavigasi seluruh konten yang  dalam blog saya

2. Rata-rata memasang widget di atas di sertai dengan scripts dimana hal ini bisa berdampak pada kecepatan loading blog. Saya hanya bisa meng inline kode javasript berukuran kecil (sesuai dengan pedoman speed insights) sedangkan widget di atas rata-rata berukuran besar (seperti widget followers, popular posts, related articles). Saya ingin mempertahankan kecepatan blog saya demi kepuasan user. Selama ini jika user ingin follow saya, tinggal klik link nama saya di footer setiap halaman blog (kecuali halaman statis). Dan jika ingin mengetahui artikel lainnya, tinggal klik sitemap dalam menu bawah header.

R: Sebelumnya, blog anda tidak ada kotak komentarnya. Kenapa kotak komentar tidak dipasang? Padahal eksistensi komentar sangat penting bagi sebuah blog. Kita sebagai admin blog, bisa beriteraksi dengan pengunjung blog. Kita bisa sharing pengalaman, tukar pendapat, dan koreksi kesalahan dalam artikel.

D: Saya malah telah memasang kotak komentar di blog sejak awal blog ini saya buat (saat itu saya membuat komentar di blog bersifat dofollow). Mungkin buat beberapa sahabat yang membaca halaman ini dan pernah berkomentar di blog saya dulu mengetahui hal ini. Hanya saja sejak saya mengunakan template baru ini, saya melepas kotak komentar tersebut karena fokus saya adalah membuat sebuah blog yang benar-benar valid html5 (termasuk kotak komentar). Jika di hubungkan dengan pertanyaan Mbak Ririn sebelumnya tentang loading blog dengan valid html5 di atas, saya rasa masih beralasan kenapa saya melepas (sementara) kotak komentar di blog.

Butuh beberapa waktu buat saya untuk membuat kotak komentar di blog jadi valid html5. Tapi masalah tersebut sudah selesai. Sekarang saya telah memasang kotak komentar di blog saya yang valid html5. Hanya tinggal sebagian dari halaman postingan blog saya yang belum valid html5. Hal ini di sebabkan karena penempatan gambar saat saya mempublish artikel lama masih menggunakan fasilitas upload image yang disediakan blogger dan bukan memaksimalkan CSS (maklum saat itu saya benar-benar baru bisa membuat blogspot sendiri dan masih sangat awam tentang dunia blogger dan seisinya).

Harapan saya dengan membuat halaman blog valid html5 ini agar semua jenis browser (IE, Chrome, Safari, Comodo, dll) yang ada di internet ini (versi tertua sekalipun) bisa membaca seluruh dokumen (halaman blog) kita dengan sempurna. Tetaplah ingat bahwa tidak semua pengunjung blog kita berselancar di internet menggunakan browser versi terkini.

Check Also

Angka Google Pagerank Itu Penting Nggak Sih?

Angka Google Pagerank Itu Penting Nggak Sih? – Helo sahabat blogger indonesia, jumpa lagi sama …

59 comments

  1. Sangat menginspiratif.
    trims

  2. boleh banget caranya 🙂

  3. sangat menyenangkan yaa mbak wawancaranya, selain untuk menambah ilmu mendapatkan pengalaman yang tak ternilai, kapan – kapan saya mau wawancarin adminnya cara-ririn deh
    😀 😀

  4. imu baru semangat mbak ririn..

  5. Wah jadi inspirasi nih mbak…loading blog yang ringan memang menjadi dambaan setiap pemblogger ya saya juga…saya mau cek kesana mbak

  6. Bisa ditiru blognya nih.. Kalo loading cepet yang baca juga enak terutama buat yg internetnya lelet

  7. Kecepatannya ngeri banget, ane cek di numion cuma butuh waktu 0,535 detik (kurang dari 1 detik) untuk ngeload halaman depannya.

  8. Inspiratif sekali blognya ya Mba.

    Salam

  9. Menarik sekali, blog sobat juga kenceng. .kayak tuleeboo. Hehe

  10. kalau blog sy belum bisa 100 mbak, terlalu sulit… sekarang baru bisa 97/100 , hehehe

  11. Sudah baca sampe tuntas, dan kesimpulannya…

    saya masih gak mudeng, h-hee… mungkin krn pengetahuan saya ttg html, dkk yg masih sangat minus.

  12. semua jawabannya benar-benar bijaksana untuk pengembangan suatu blog, bisa menjadi inspirasi yang baru nih 🙂

  13. kayanya harus pake hosting ama domain sendiri ya mb biar bisa dapet kecepatan loading blog dengan score 100 🙂

  14. iy ya mbak saya sudah berkunjung kesana.. walah enteng banget cuma tinggal mengedipkan mata udah langsung ke buka.. pdhl polos banget blognya gak macem2.. memang master orang ini mbk 🙂

  15. kebetulan blog saya yang satunya lemot abis.

  16. bm dulu 🙂 …

    makasih ya kak… sudah berbagi ilmu bermanfaat ni.

  17. ilmu baru lagi nih mbak..
    bermanfaat sekali..
    saya juga mau membuat blog saya agar loading lebih cepat

  18. waw lengkap sekali mbak tutorialnya. pengalaman pribadi ya mbak

  19. Pas banget nih mba, saya lagi otak-atik template, soalnya berat sekali.. lg mau di kompres dulu

  20. Waduh, mulai berpikir widget mana yang mesti di eyahkan, hheehee

  21. tampaknya ane,, mw bikin kopi dulu nih…pembahasannya seru…sekalian ngeronda sementara di blog…ini…maap y mba rin..ane permisi dolo…kalau ntr malam ada suara kresek2 di blog ini…tau ajalah itu ane…heheheh

  22. kalau soal loading blog sya undur diri.. cuma tmbus 79/100

    maklum gk phm..

    sekedar info.. 2hr ini saya tdk bsa akses blog ini dengn PC, dlm perbaikn kah???
    Admin: hekos soft

  23. tambah ilmu lagi, thanxs mbak ririn infonya kebetulan mau belajar loading blog

  24. blog saya sih seperti cepat…
    ini pembahasan Blog SEO Friendly, berhubung saya gak ngerti soal gini… bisa lah tambah-tambah ilmu…

  25. artikelnya sangat bermanfaat sekali mbak, saya memang mengalami masalah dalam hal loading blog dan sudah berusaha untuk memeperbaikinya tapi masih bingung, dengan tips di atas pastinya sangat membantu sekali mbak, makasih 🙂

  26. duh tambah keren aj postinganya si mbAK RIRIN

  27. ikut nyimak aja gan.. pembhasan mengenai loading blog menarik juga.

  28. Untuk optimize image semua gambar yang sudah ada dipostingan sebaiknya di ganti mbak Ririn ? thks

  29. Apa betul kalau base64 kurang pengaruh jika ukuran gambar diatas 10 kb ? Thks

  30. Puas dan lega sudah selesai baca 5 tulisan berturut mbak ririn, dipikir-pikir, dianalisa sampai 3 jam juga saya bacanya. Mantab

  31. masih saya masih jauh, harus diperbaiki lagi mbak 😀

  32. sangat berguna hasil dari wawancara ini untuk kita praktikkan.. saya masih kurang jelas mengenai fungsi speed insight itu, sukar juga untuk mematuhi 10 rules yang telah ditetapkan..

  33. Saya ikut nyimak aja dulu ya mbak. Mudah-mudahan bisa nambah pengalaman baru lagi tentang cara membuat halaman blog lebih cepat loading.

  34. Ada satu hal yg jadi pikiran mbk ririn,, saya heran kenapa kalau dicek di insight google & pingdom, mereka punya hasil yg berbeda, bahkan jika insight google bagus, di pingdom malah jatuh, begitu juga sebaliknya. ada yg bisa bantu memberi penjelasan?

    • Jika yang di maksud Mas Ahsan adalah tools pingdom dot com. Situs ini menyajikan timeline atau waktu yang diperlukan browser untuk loading dari masing-masing url http request eksternal (bisa berupa elemen html, script(js), image, style , atau elemen lainnya) yang terdapat dalam html template blog kita.

      Pendapat saya mengurangi jumlah http request dalam blog kita akan berdampak sangat baik untuk kecepatan loading halaman blog tersebut. Bagaimana cara nya ? Semua sudah di atur dalam rules pagespeed insights.

      Misalnya kita ingin minimalkan timeline dari js (script) yang ada dalam blog kita, yang bisa kita lakukan mungkin dengan mematuhi rules pagespeed insights: Remove Render-Blocking Javascripts, atau bisa juga dengan cara Use Asynchronous Scripts.

      Sedangkan untuk score tools pingdom melihat dari 2 aspek:

      1. Performance grade atau pagespeed performance: Adalah usaha apa saja yang telah kita lakukan untuk meningkatkan kecepatan loading blog kita dari mematuhi rules yang terdapat di speed insights. Saya rasa tools pingdom sendiri melihat performance speed dengan pedoman yang ada dalam speed insights.

      2. Score yang kedua tools pingdom di ambil dengan membandingkan loading time yang di perlukan blog kita dengan semua situs yang pernah di cek di tools pingdom itu sendiri. Misalnya your website is faster than 80% of all tested websites, saya misalkan saja website yang pernah di tes di tools pingdom sebanyak 100.000 websites dan skor yang kita dapat adalah 80% maka kecepatan loading blog kita lebih cepat dari 80.000 website yang pernah di tes.

      Kesimpulannya terdapat keterkaitan yang erat antara antara score yang di berikan tools pingdom dengan rules speed insights. Semakin banyak kita bisa mematuhi rules yang ada di speed insights, semakin sedikit waktu yang di perlukan browser untuk load blog kita dan ini bisa terlihat di laporan tools pingdom.

      Tapi semua ini hanya pendapat saya. Semoga bisa membantu Mas Ahsan.

    • Benar sekali Mas Dory. Penjelasannya panjang sekali, terimakasih banyak tipsnya. ^_^
      Saya sempat mikir mungkin algoritma di mesin punya pingdom sedikit beda dengan insight, alias gak up to date dengan rules insight karena saya perhatikan di pingdom ternyata tidak mempermasalahkan kompresi maksimal untuk pengoptimalan gambar saat saya lihat di perf. grade sedangkan score insight ikut menghitung semua nilai persenan dari kompresi maksimal gambar yg bisa dimampatkan, jadi jatuhnya ternyata disitu.-_-‘

  35. wah belum berani main seo-seoan, karena beli domain aja baru kemarin, jadi masih takut dikira nyepam ama pak dhe G, baydeway thank mbak Ririn, very usefull knowledge nih

  36. Sangat menarik sekali isi wawancaranya. Top markotop baik yang mewawancarai n narasumbernya =)

  37. hmm.. seo riendly 🙂

    salam – garisbuku.com

  38. inline kode kode js memang sangat membantu ya mbak dalam meningkatkan pagespeed, tapi ada kalanya kita tidak bisa menggunakan trik tersebut untuk mengakali pagespeed semisal jika js tersebut berukuran besar maka kita tidak bisa melakukan inline mbak, karena hasilnya justru malah akan memperkeruh suasana, itu menurut pengalaman saya

  39. mantap sekali mba ririn 😀 SEO OH SEO….

  40. mantap gan, terima kasih banyak atas tips SEOnya 😀

  41. terima kasih banyak ilmunya, saya coba dulu ya 😀

  42. mantap, trima kasih banyak !

  43. woww keren sekaleeh, 100% cepetnya kayak ngeklik folder di komputer 😀 sayangnya bukan untuk wordpress 🙁

  44. Wah menarik sekali…. 🙂
    o iya…barusan iseng mengunjungi blog yg lama neh…..Tapi yang tampil Pesan dibawah ini….mungkin ada manfaat nya.

    Blog ini terbuka hanya untuk pembaca yang diundang saja
    cara-ririn.blogspot.com

    Sepertinya Anda belum diundang untuk membaca blog ini. Jika Anda merasa ini adalah kesalahan, Anda mungkin ingin menghubungi penulis blog dan meminta sebuah undangan.

  45. keren dah artikelnya saya suka
    acemaxs31.com
    acemaxs86.com
    apotekgumilar.com

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *