5 Cara Efektif Mempercepat Loading Website di Blogger


5 Cara Efektif Mempercepat Loading Blog

Kecepatan halaman dimuat merupakan salah satu Faktor SEO yang bisa Anda lakukan. Sehingga tak heran kalah banyak orang yang ingin meningkatkan kecepatan muat halaman web mereka, salah satu contohnya dengan menggunakan halaman AMP yang sudah disediakan Google.

Di Blogger tidak seperti WordPress, belum tersedia Fitur untuk menggunakan halaman AMP. Tetapi Anda masih bisa menggunakanya, yaitu dengan memasang template amp seperti kompi ajaib AMP, Viomagz AMP, atau template lainya yang dibuat dengan kode AMP Page.


Anda harus berfikir dua kali ketika ingin menggunakan AMP di Blog Anda yang masih Platform Blogger itu. Faktanya tidak banyak yang bisa kita lakukan pada halaman AMP. selain itu cara penulisan Artikelnya juga rumit. Sangat sulit dilakukan bagi orang awam yang belum sama sekali memahami kode HTML dasar.


Dengan meningkatkan kecepatan pemuatan blog maka pengunjung juga akan betah membuka halaman lain di Blog Anda tentunya dan juga bisa meningkatkan User experience dan menurunkan Bounce rate.

5 Cara Mempercepat Loading Website di Blogger

1. Hapus Semua CSS dan Javascript

Blog pada blogger 60% nya dibangun menggunakan bahasa Javascript, sehingga template blog yang Anda gunakan juga mengandung banyak Javascript. Hal ini tentunya dapat membuat halaman dirender terlalu lama, Apalagi Javascript yang Anda pasang adalah Javascript eksternal.

Sekarang saatnya Anda kurangi penggunaan Javascript dan CSS yang berlebihan, buang semua Javascript yang tidak berguna, sisakan satu saja yaitu Jquery. Jika Anda menggunakan Javascript lain, hapus Javascript tersebut. Namun bila tidak bisa menghapusnya Anda bisa memindahkan kodenya dibagian bawah halaman. Tepatnya diatas kode </body>.

Untuk Javascript adsense, mgid, Histat, dan google analytics Anda bisa menggunakan Script Lazyload. Tujuanya agar membuat penundaan saat halaman dimuat, sehingga Javascript tersebut bisa dimuat setelah halaman tampil dan tidak memberatkan loading Pada halaman.

2. Compress Ukuran Gambar

Gambar yang berukuran HD dengan kualitas tinggi pasti mempunyai ukuran File yang besar. Oleh karena itu gunakanlah gambar yang kualitasnya menengah kebawah, Tujuannya agar ukuran File pada gambar tidak terlalu besar, sebagai gantinya Anda bisa menggunakan gambar dengan Format SVG dan Cara Pasang Icon SVG pada Blog.

Walaupun ukuranya sudah dikompressi oleh blogger tetap saja, gambar akan membuat loading lebih lama. Karena gambar membutuhkan waktu untuk memuatnya, maka kamu bisa menggunakan Script Lazy Load gambar untuk mengatasinya, tempatkan Script pada bagian bawah halaman diatas kode </body>.

3. Gunakan Gambar & Icon SVG


Pada CSS Font Awesome yang banyak digunakan saat ini mengandung lebih banyak link eksternal ke berbagai File. Misalnya ada 5 font yang harus dimuat agar bisa digunakan pada css, hal itu akan memperlambat loadiing halaman dan memblokir render. Karena browser juga membutuhkan waktu untuk memuat font tersebut.

4. Hapus CSS Default

Blogger menyematkan beberapa Javascript dan CSS eksternal secara defaultnya. Sehingga Anda tidak akan menyadari bahwa dihalaman web Anda ada CSS lain yang ikut serta ditambahkan saat blog Anda sedang diakses. Caranya ganti kode </head> dengan kode &lt;!--</head>--&gt;&lt;/head&gt; setelah mengganti kode pada bagian head, jangan lupa ganti juga kode </body> dengan kode baru &lt;!--</body>--&gt;&lt;/body&gt;

5. Kurangi Beberapa Widget

Semakin banyak widget yang Anda sematkan dalam satu halaman justru akan memper lama Page Load di Blog Anda, Anda harus mengurangi penggunaan widget ini. Kalau bisa hindari penggunaan widget Recent Post yang menggunakan Javascript.

Sebab Javascript menyebabkan halaman menjadi lebih berat. Template seperti Magazine, Vaz Magz loadingnya agak sedikit lambat karena banyak sekali widget yang disematkan pada tempate tersebut.

Orang yang datang ke Blog Anda sedang mencari informasi, jadi penggunaan widget yang berlebihan sangat tidak berguna untuk Cara Membuat Widget Tata LetakCara ini sudah saya gunakan pada template EvoMagz milik saya, beberapa waktu lalu saya sempat memperbaiki template EvoMagz ini dengan cara seperti diatas. Dan hasilnya lumayan bisa dirasakan, walaupun Score Speed Insight tidak 100% sih tapi sudah lumayan dari sebelumnya yang cuma 20%. Perbandinganya dimana halaman 3x lebih cepat terbuka dibandingkan sebelumnya.

Kesimpulan

Itulah beberapa  langkah yang bisa Anda lakukan Jika Anda ingin mempercepat Loading Website di Blog Anda agar mendapatkan hasil terbaik. Tentunya Anda harus menghapus beberapa kode pada penerapan default di Blogspot yang tidak diperlukan agar mendapatkan hasil terbaik di Blog Anda.

Post a Comment