Skip to main content

Cara Mengatasi Perantaian Permintaan Penting

Cara Mengatasi Perantaian Permintaan Penting - Hi friends, I hope you are all in good healthwallpaper, In the article you are reading this time with the title Cara Mengatasi Perantaian Permintaan Penting, We have prepared this article well for you to read and take information in it. hopefully the contents of the post Artikel Blog, Artikel Core Web Vital, what we write you can understand. ok, happy reading.

Title : Cara Mengatasi Perantaian Permintaan Penting
link : Cara Mengatasi Perantaian Permintaan Penting

read also


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

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.


That's the article Cara Mengatasi Perantaian Permintaan Penting

That's it for the article Cara Mengatasi Perantaian Permintaan Penting this time, hopefully can be useful for all of you. okay, see you in another article post.

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
Comment Policy: Please write your comments that match the topic of this page post. Comments containing links will not be displayed until they are approved.
Open Comments
Close Comment