Cara Mengatasi Perantaian Permintaan Penting
Written on: September 17, 2021
Title : Cara Mengatasi Perantaian Permintaan Penting
link : Cara Mengatasi Perantaian Permintaan Penting
Cara Mengatasi Perantaian Permintaan Penting
Kembali lagi kita akan membahas tutorial seputar optimasi blog/web, yang mana dalam kesempatan kali ini CatatanDroid akan menjelaskan bagaimana cara mengatasi laporan hindari perantaian permintaan penting di Google Page Speed Insight.
Baca tips CWV sebelumnya tentang Cara Mengatasi Waktu Respons Server Gtag.js Analytics.
Avoid chaining critical requests
Pernahkah sobat menemui hasil laporan pada tools Google Pagespeed Insight yang bertuliskan seperti dibawah ini?
Hindari perantaian permintaan penting 6 rantai ditemukan
Rantai Permintaan Penting di bawah menampilkan resource apa saja yang dimuat dengan prioritas tinggi. Sebaiknya kurangi panjang rantai, kurangi ukuran download resource, atau tunda download resource yang tidak penting untuk mempercepat pemuatan halaman...
Laporan diatas mengindikasikan bahwa tool Lighthouse membaca terdapat beberapa proses berantai yang berpotensi memperlambat kecepatan Blog kita.
CatatanDroid sendiri mengalami hal ini di template LinkMagz, jika dilihat dalam laporan diatas penyebabnya adalah script Baca juga bawaan template, font google, dan js bawaan Blogger.
Yuk disimak satu persatu cara mengatasinya!
Menghapus Script Baca Juga Template LinkMagz
Cara pertama ini adalah jika muncul laporan chaining critical request yang bertuliskan seperti dibawah ini.
…-/Rendang?alt=json-in-script&callback=bacaJuga&max-results=5(blablaaaa.com) - 170 ms, 2,09 KiB
Hal ini disebabkan oleh script fitur Baca juga dan Related post bawaan template, maka satu-satunya cara adalah menghapus script tersebut.
Selalu lalukan Backup/Download Template sebelum melakukan tutorial perubahan Template ya!
- Buka Editor Template dan Cari b:includable id='blogPostBody'
- Dibawahnya terdapat baris id='baca-juga'
- Hapus mulai dari
<div id='baca-juga'/>
......
......
sampai ...
......
......
</b:loop>
<script>
showBacaJuga("<data:post.url/>");
</script> - Save Template dan cek blog untuk memastikan tidak ada blank error
- Lakukan re-test pada tools pagespeed insight untuk mengetahui perubahannya
Efek Sampingnya
Widget related post atau artikel terkait dan baca juga bawaan template akan hilang sehingga tidak lagi dapat diaktifkan maupun dinonaktifkan melalui widget pengaturan template.
Menghapus Font Tambahan Bawaan Template
Iluti tutorial selanjutnya jika muncul laporan yang bertuliskan seperti dibawah ini.
…v20/KFOlCnqEu….woff2(fonts.gstatic.com) - 0 ms, 16,18 KiB
- Masih didalam editor Template, Cari @font-face
- Hapus keseluruhan ini style @font-face dari
<style>
@font-face
..
..
sampai
..
..
</style> - Save template dan lihat hasilnya
Efek Samping
Font bawaan template yang biasanya menjadi ciri khas unik dalam tampilan Template akan hilang sehingga default font bawaan blogger akan muncul sebagai penggantinya.
Menghapus Widget Js Bawaan Blogger
Cara ketiga adalah tutorial yang paling umum dan telah banyak tutorialnya yang membahas, yakni munculnya laporan javacript bawaan Blogger seperti dibawah ini.
…widgets/398…-widgets.js(www.blogger.com) - 10 ms, 54,05 KiB
CatatanDroid mendapatkan referensi cara ini dari blog elcreativeacademy.
- Masih di dalam Template Editor, Cari </body>
- Kemudian ganti dengan
<!--</body>--></body>
- Save template dan lihat perbedaannya
Efek Samping
Tampilan threaded komen akan berubah menjadi list, serta tombol reply komen menjadi tidak berfungsi.
Penutup dan Kesimpulan
Memperhatikan skor Blog kita di tool Google Lighthouse Pagespeed Insight maupun web.dev tidak ada ruginya lho sobat.
Selain akan berdampak positif dalam hal kecepatan dan kesehatan Blog, kesempatan google dalam menempatkan konten kita di serp akan semakin tinggi.
Sejalan dengan faktor Core Web Vital yang telah Google sendiri kenalkan sebagai acuan para webdeveloper dalam mengelola websitenya.
Akhirkata semoga sedikit tips diatas dapat membantu sobat dalam memperbaiki skor Pagespeed Insight nya ya! khususnya yang sama-sama menggunakan template Linkmagz. Terima kasih dan Selamat mencoba! CatatanDroid
Terima kasih kepada Fandezig yang telah menyarankan penulisan artikel ini.That's the article Cara Mengatasi Perantaian Permintaan Penting
You are now reading the article Cara Mengatasi Perantaian Permintaan Penting with link address https://wallpapers-10.blogspot.com/2021/09/cara-mengatasi-perantaian-permintaan.html