Setting Fastloading Blog AMP

Apalagi bagi anda para pengguna template AMP (Accelerated Mobile Pages ) pun ternyata belum tentu memiliki speed score yang tergolong fast yaitu 90-100. Bagaimana cara untuk meningkatkan skor kecepatan loading blog untuk template AMP? Ini yaang sedang menjadi PR bagi para mastah template.

Walau template bukanlah satu-satunya penyebab artikel menjadi di halaman pertama, namun ternyata tampil fast loading tetap menjadi penentu dalam hasil mesin pencarian. Namun konten tetap the king.  Itulah sebabnya template blog fast loading, ringan, simple, menjadi favorit dan populer.

Solusi agar template para blogger menjadi tampil fast loading disarankan tidak terlalu banyak memasang "aksesoris" (widget) di blog. Ternyata pemasangan flash, slider, slideshow, jam, statistik kunjungan, dan sejenisnya hanya akan membuat berat atau memperlambat loading blog.

Beberapa faktor yang memperlambat tampilan blog adalah gambar, foto, atau image berukuran besar. Gambar yang tidak upload sendiri, seperti menggunakan "From URL", juga membuat loading makin lambat. Selanjutya tindakan  meminimalkan HTML akan berpengaruh pada kecepatan blog dan ini berpeluang rangking di pencarian meskipun tetap konten adalah rajanya tapi Google sudah mengatakan bahwa kini kecepatan khususnya di mobile menjadi faktor rangking.

Selain itu meminimalkan pengguna separator inline yang tidak perlu juga menjadi hal yang tidak kalah penting.

Bagi pengguna template AMP yang telah menerapkan AMP hanya di mobile, caranya settinglah pada tampilan desktop dengan menambahkan lazyload adsense.
Berikut kodenya yang dipasang di atas </body> pada taampilan desktop saja:


<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
document.body.className += " sticky";
lazyadsense = true;
  }
}, true);

     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-xxxxxxxxxxxx",
          enable_page_level_ads: true
     });
//]]>
</script>


Namun untuk kecepatan atau fastloading di atas baru bisa pada homepage saja, untuk yang posting halaman masih menjadi PR, karena banyak hal yang mesti harus dibenahi. Bahakan pada amp project menjadi masalah, lalu harus bagaimana? Masih perlu uji coba

Back to Top ↑

Setting Fastloading Blog Non AMP

Mr Hadi Dot Com sarankan pula bagi template non AMP menggunakan lazy load adsense. Kodenya sama persis dengan terapan pada blog AMP.

Selain itu juga dalam menempatkan gambar, video, dan multimedia lain di blog harus menggunakan cara sendiri agar semakin lama pula loading blog Anda. Padahal sisi lain, gambar dan multimedia penting untuk menarik perhatian pengunjung.

Back to Top ↑

Contoh Aplikasi pada Template

Aplikasi Fastloading pada template non AMP
Salah satu cara mudah ya menggunakan Template Nazum Text Aja, yang sudah dioptimasi sedemikian rupa sehingga memiliki page score di atas 90, untuk halaman depan, cek di sini dan halaman postingan sudah mendekati 90 pula. cek di sini.


Tempate Nazum Text Aja juga pada contoh di atas memang postingan baru beberapa, namun sudah dicobakan untuk di blog yang sudah banyak artiklenya pun masih fast loading kok.

Kepastiannya bisa di cek di sini

Contoh Aplikasi Fastloading pada template AMP
Lalu bagi template AMP bagaimana? Perlu uji coba memang, template yang pakai ini saya coba gunakan Lazy Load Adsense khusus tampilan desktop, dan hasilnya saat update ini adalah mampu 94, padahal sebelumnya hanya berkisar 65. Alhamdulillah.....tapi khusus untuk tampilan homepage.

Silakan bisa cek di sini

Back to Top ↑
Demikian sedikit sharing tentang "Cara Membuat Blog Tampil Fast Loading"  utamanya untuk blog Non AMP. Nah bagaimana selanjutnya adalah menjadi PR : Cara Membuat Blog Tampil Fast Loading Template AMP.

Happy Blogging!

Relaated searches : cara buat blog amp fastloading, cara buat PageSpeed Insights template amp fast loading