Lompat ke kontenLompat ke sidebarLompat ke footer

Cara Mengatasi Perantaian Permintaan Penting

Avoid chaining critical requests atau Hindari Perantaian Permintaan Penting adalah salah satu poin dalam Core Web Vital, simak cara mengatasinya!

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

Cara Mengatasi Hindari Perantaian Permintaan Penting

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!

  1. Buka Editor Template dan Cari b:includable id='blogPostBody'
  2. Dibawahnya terdapat baris id='baca-juga'
  3. Hapus mulai dari 
    <div id='baca-juga'/>
     ......
     ......
     sampai ...
     ......
     ......
    </b:loop>
    <script>
      showBacaJuga(&quot;<data:post.url/>&quot;);
    </script>
  4. Save Template dan cek blog untuk memastikan tidak ada blank error
  5. 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
  1. Masih didalam editor Template, Cari @font-face
  2. Hapus keseluruhan ini style @font-face dari
    <style>
     @font-face 
     ..
     .. 
     sampai 
     ..
     .. 
    </style>
  3. 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.

  1. Masih di dalam Template Editor, Cari </body>
  2. Kemudian ganti dengan 
    &lt;!--</body>--&gt;&lt;/body&gt;
  3. 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.
Share