Cara Mempercepat Blog Blogger (Blogspot): Panduan Lengkap

Diperbarui 16 Oktober 2026 · ±6 menit baca

Blogger (Blogspot) masih banyak dipakai di Indonesia untuk blog pribadi, blog berita lokal, sampai blog yang mengandalkan pemasukan iklan. Kabar baiknya, Anda tidak perlu mengurus server: hosting, SSL, dan CDN ditangani Google. Kabar buruknya, banyak blog Blogger tetap lambat. Penyebabnya hampir selalu ada di template, widget, gambar, dan skrip pihak ketiga yang ditambahkan pemilik blog sendiri.

Panduan ini membahas apa saja yang bisa Anda kendalikan di Blogger, diurutkan dari dampak terbesar.

Kenapa blog Blogger bisa lambat?

Server Blogger umumnya cepat. Waktu respons server (TTFB) biasanya sudah baik, jadi masalahnya jarang ada di sana. Yang membuat lambat adalah apa yang dimuat browser setelah HTML diterima:

Template berat. Banyak template gratis dan premium memuat jQuery, beberapa font, ikon, slider, dan efek animasi sekaligus.
Widget berlebihan. Popular post, arsip, label cloud, feed, dan widget media sosial masing-masing menambah HTML, gambar, dan skrip.
Gambar ukuran asli. Foto langsung dari ponsel bisa berukuran beberapa megabyte.
Skrip pihak ketiga. Iklan, statistik, live chat, tombol share, komentar Disqus, dan widget lain sering menjadi penyebab terbesar skor Total Blocking Time yang buruk.

Sebelum mulai, uji beranda dan satu artikel di webmaster.my.id lalu catat skor Performa, LCP, TBT, dan CLS sebagai patokan.

Langkah 1: Pilih template yang ringan

Template adalah faktor terbesar. Ciri template yang ringan:

Tidak memakai jQuery, atau hanya memuatnya bila benar-benar diperlukan.
Memakai font sistem atau maksimal satu keluarga font web.
Tidak ada slider di beranda.
Kode CSS ringkas dan tidak memuat banyak file eksternal.

Coba template baru di blog uji coba terlebih dahulu. Buat blog kosong di akun yang sama, pasang templatenya, isi beberapa artikel contoh, lalu uji. Jika skor mobile jauh lebih baik daripada blog utama, baru pindahkan. Selalu unduh cadangan template lama dari menu Tema › Cadangkan sebelum mengganti.

Template bawaan Blogger yang modern, seperti Contempo, Soho, Emporio, dan Notable, umumnya cukup ringan dan responsif. Kelemahannya, tampilannya lebih sederhana.

Langkah 2: Kecilkan gambar sebelum diunggah

Blogger menyimpan gambar di server Google dan bisa menyajikannya dalam berbagai ukuran lewat parameter di URL. Gambar biasanya beralamat seperti https://blogger.googleusercontent.com/img/.../s1600/foto.jpg. Bagian s1600 berarti lebar maksimal 1.600 piksel.

Yang perlu dilakukan:

Kecilkan foto sebelum diunggah. Lebar 1.200–1.600 piksel sudah cukup untuk artikel. Kompres dengan aplikasi seperti Squoosh hingga ukurannya di bawah 200 KB.
Gunakan ukuran yang sesuai di artikel. Saat menyisipkan gambar, pilih ukuran "Besar" atau "Sedang", bukan "Ukuran asli". Untuk thumbnail di beranda, template yang baik otomatis mengganti s1600 menjadi ukuran kecil seperti w400.
WebP otomatis. Server gambar Google bisa menyajikan WebP ke browser yang mendukung jika URL memakai akhiran -rw, misalnya s1600-rw. Beberapa template sudah melakukannya otomatis.
Isi atribut lebar dan tinggi. Ini mencegah tata letak bergeser (CLS). Editor Blogger biasanya sudah menambahkannya. Periksa kembali jika Anda menyisipkan gambar lewat HTML.

Untuk gambar di bawah layar, tambahkan loading="lazy" pada tag img di mode HTML. Jangan menambahkannya pada gambar pertama di artikel, karena gambar itu biasanya elemen LCP. Penjelasan lengkap ada di Optimasi Gambar Website.

Buka Tata Letak dan tinjau setiap gadget. Tanyakan: apakah pengunjung benar-benar memakainya?

Popular Posts dengan gambar thumbnail: batasi menjadi 3–5 entri, atau tampilkan tanpa gambar.
Arsip Blog: gaya "Hierarki" atau "Dropdown" lebih ringan daripada daftar panjang.
Label: tampilkan hanya label utama.
Widget media sosial (Facebook Page, timeline X, feed Instagram): ini sangat berat karena memuat skrip besar dari pihak ketiga. Ganti dengan tautan atau ikon biasa.
Pengikut (Followers): gadget ini memuat skrip tambahan dan jarang dipakai. Pertimbangkan untuk menghapusnya.

Pada banyak blog, membuang dua atau tiga widget media sosial saja sudah menaikkan skor performa mobile lebih dari 10 poin.

Langkah 4: Kendalikan iklan dan skrip pihak ketiga

Iklan AdSense adalah sumber pemasukan, jadi tidak perlu dihapus. Namun kelola dengan bijak:

Batasi jumlah unit iklan dan hindari iklan otomatis yang terlalu agresif di bagian atas halaman, karena bisa menggeser konten dan memperburuk CLS.
Siapkan ruang iklan. Beri elemen pembungkus iklan tinggi minimum (min-height) agar konten tidak melompat saat iklan muncul.
Satu kode statistik saja. Jika sudah memakai Google Analytics, hapus penghitung pengunjung lama, histats, dan sejenisnya.
Tunda skrip yang tidak penting. Skrip komentar, tombol share, dan chat bisa dimuat setelah halaman selesai tampil atau setelah pengunjung menggulir.

Baca Skrip Pihak Ketiga untuk teknik menunda skrip dengan aman.

Langkah 5: Rapikan kode template

Jika Anda nyaman menyunting HTML template (Tema › Sesuaikan › Edit HTML), ada beberapa perbaikan cepat:

Hapus skrip yang tidak dipakai, misalnya jQuery yang hanya dipakai satu efek kecil, atau pustaka slider yang slidernya sudah dihapus.
Tambahkan defer pada tag script eksternal yang tidak diperlukan untuk tampilan awal.
Kurangi font. Satu keluarga font dengan dua ketebalan (normal dan tebal) biasanya cukup. Tambahkan &display=swap pada URL Google Fonts.
Matikan CSS bawaan Blogger yang tidak perlu. Template modern sering menyertakan <b:skin> yang panjang dari template lama. Hati-hati dan selalu simpan cadangan sebelum mengedit.

Setelah mengedit, cek tampilan di ponsel dan desktop, lalu uji ulang.

Langkah 6: Domain kustom dan HTTPS

Memakai domain sendiri (misalnya .my.id atau .com) membuat blog terlihat lebih profesional. Di Setelan › Publikasi, hubungkan domain dengan menambahkan data CNAME sesuai petunjuk Blogger. Setelah domain aktif:

Nyalakan HTTPS dan Pengalihan HTTPS di Setelan.
Tambahkan pengalihan dari domain tanpa www ke versi www (atau sebaliknya) di pengaturan yang sama.
Jika memakai Cloudflare di depan Blogger, gunakan mode SSL Full, bukan Flexible, untuk menghindari pengalihan berulang.

Hasil tes webmaster.my.id akan menunjukkan apakah pengalihan HTTP ke HTTPS sudah benar.

Langkah 7: Pengaturan lain yang membantu

Jumlah postingan di beranda: di Tema › Sesuaikan, kurangi jumlah artikel di halaman utama menjadi 5–8. Setiap artikel menambah gambar dan teks.
Gunakan cuplikan, bukan artikel penuh, di beranda dengan menyisipkan "Jeda Baca" (Read more).
Matikan tampilan seluler lama. Jika template sudah responsif, pastikan opsi template seluler Blogger tidak memakai versi lama yang berbeda.
Hindari embed video langsung di beranda. Embed YouTube sangat berat. Gunakan gambar thumbnail yang mengarah ke video, atau teknik "lite embed".

Mengukur hasilnya

Uji ulang beranda dan artikel yang sama di webmaster.my.id, lalu bandingkan dengan catatan awal. Untuk blog dengan banyak halaman, gunakan Uji Massal untuk mengecek beberapa artikel populer sekaligus. Ingat bahwa skor bisa naik-turun beberapa poin antarpengujian. Lihat tren, bukan satu angka saja.

Kesalahan yang sering terjadi

Memasang template "SEO friendly" yang penuh fitur. Label SEO tidak menjamin ringan. Selalu uji demo template sebelum memakainya.
Menyalin kode widget dari internet tanpa memeriksanya. Banyak kode widget lama memuat skrip dari server yang lambat atau sudah tidak aktif.
Menghapus atribut lebar dan tinggi gambar saat merapikan HTML artikel, sehingga CLS memburuk.
Hanya menguji beranda. Halaman artikel sering memuat widget dan iklan yang berbeda, jadi uji juga beberapa artikel populer.

Pertanyaan yang sering diajukan

Apakah blog Blogger bisa mendapat skor 90 ke atas?

Bisa, terutama dengan template ringan, gambar yang dikecilkan, dan sedikit skrip pihak ketiga. Blog dengan banyak iklan biasanya sulit menembus 90 di mobile, tetapi tetap bisa diperbaiki dari sisi LCP dan CLS.

Apakah perlu pindah ke WordPress agar lebih cepat?

Tidak selalu. Blogger justru unggul karena server dan CDN-nya dikelola Google. Pindah platform tidak otomatis membuat blog lebih cepat jika template dan skrip yang berat tetap dipakai.

Apakah Cloudflare berguna untuk Blogger?

Manfaatnya terbatas karena Blogger sudah memakai jaringan Google. Cloudflare lebih berguna untuk fitur keamanan dan pengaturan DNS. Jika memakainya, pastikan mode SSL Full dan jangan menyimpan halaman HTML di cache tanpa aturan yang jelas.

Kenapa skor blog saya berubah-ubah setiap dites?

Iklan dan skrip pihak ketiga memuat konten yang berbeda setiap kali halaman dibuka, sehingga hasilnya ikut berubah. Uji dua atau tiga kali, lalu ambil hasil tengahnya.