Preload Key Requests WordPress

TokoDaring.Com – Preload Key Requests WordPress. Anda mungkin mengalami masalah terkait dengan preload key requests wordpress karena sedang berupaya meningkatkan skor kinerja Core Web Vitals? Artikel ini akan membantu anda menemukan informasi terkait hal tersebut!

Preload Key Requests

Artikel Terkait:

100 Peningkatan Kinerja WordPress (WordPress 6.4)

Jika Anda pernah menguji kinerja dan skor situs website WordPress Anda, Anda pasti familiar dengan rekomendasi yang ditampilkan dari hasil pengujian PageSpeed Insights. Yang paling sering muncul mungkin saja “preload key requests”.

Jika Anda belum sepenuhnya mengatasi masalah kinerja ini, inilah saatnya untuk mengatasinya. Preload key requests yang dimuat sebelumnya dapat membantu meningkatkan metrik kinerja tertentu dan berdampak keseluruhan pada kecepatan situs website Anda.

Pada artikel ini, Anda akan mempelajari apa itu preload key requests dan aset penting lainnya. Anda kemudian dapat mengidentifikasinya dan memperbaiki skor audit PageSpeed Insights dengan atau tanpa plugin. Singkatnya, Anda akan mengambil langkah lain meningkatkan performa situs website yang lebih cepat.

Apa itu preload key requests?

Saat Anda melakukan preload key requests terlebih dahulu, Anda sebenarnya memberi tahu browser untuk memprioritaskan aset penting dan mendownloadnya terlebih dahulu. Begitulah cara file yang paling relevan dapat dimuat lebih cepat — terutama ketika file penting terlambat ditemukan dan diunduh oleh browser.

Preload key requests bisa berupa apa saja yang dibutuhkan halaman pada tahap awal pemuatan. File yang paling umum adalah font. Namun, aset penting juga dapat berupa file, gambar, file JS dan CSS. Ini merupakan peningkatan kasus per kasus yang menargetkan kebutuhan kinerja spesifik.

Preload Key Requests WordPress

Lalu apa itu preload key requests WordPress ? Website WordPress sama dengan yang lainnya. Tidak ada perbedaan antara website non WordPress dan website WordPress. Itu berarti preload key requests WordPress adalah sama seperti prosedur diatas, hanya saja ini dilakukan pada website yang dibuat menggunakan WordPress.

Mengapa Anda Harus Memperbaiki Masalah Preload Key Requests WordPress anda ?

Preload key requests adalah teknik pengoptimalan kinerja website penting yang membuat situs Anda lebih cepat dan melampaui rekomendasi PageSpeed Insights. Dengan memuat sumber daya penting terlebih dahulu, Anda akan mengoptimalkan dua metrik kinerja utama:

1. Largest Contentful Paint (LCP) dan
2. First Contentful Paint (FCP).

LCP dan FCP sangat terkait erat dengan pramuat aset penting seperti gambar, font, dan file CSS tertentu (bila CSS Jalur Kritis tidak digunakan). Misalnya, memuat gambar LCP terlebih dahulu adalah pengoptimalan kinerja utama, dan ini bahkan lebih penting lagi karena LCP adalah metrik Core Web Vital.

Ingatlah bahwa LCP dan FCP menyumbang 25% dan 10% di Lighthouse v8, dan kedua bobot tersebut berkontribusi pada skor kinerja Lighthouse secara keseluruhan.

Inilah mengapa preload key requests pada situs website WordPress anda menjadi sangat penting tidak hanya untuk alasan SEO dan kinerja, tetapi juga untuk memberikan pengalaman pengguna terbaik.

Cara Memperbaiki masalah Preload Key Requests pada website WordPress

Anda dapat melakukan Preload Key Requests pada website WordPress dan menangani rekomendasi PSI baik dengan menggunakan plugin atau tanpa plugin. Jika Anda ingin menerapkan sendiri atribut preload, Anda harus mengidentifikasi aset penting yang ditandai oleh PSI dan menambahkan tautan rel = “preload” ke file ini. Ingatlah untuk menyertakan file di bagian atas halaman HTML.

Berikut ini contoh atribut “preload”:

<link rel=”preload” as=”type-of-content” href=”critical-example.js”>

Anda dapat menambahkan beberapa jenis konten, mulai dari gambar, skrip, video, dan masih banyak lagi. Cara lainnya, tentu saja Anda mungkin ingin menggunakan plugin. Beberapa plugin yang mungkin dapat membantu Anda melakukan preload berbagai jenis file, yaitu:

• Autoptimize
• Perfmatters
• SG Optimizer
• AssetCleanup

Seperti yang sudah dijelaskan di atas, font merupakan file utama yang perlu di-preload. Faktanya, menargetkan font tertentu untuk dimuat sebelumnya (yang diperlukan di paro atas atau tepat di bawahnya) biasanya lebih efektif daripada terlalu memikirkan semua detail dan menambahkan lebih banyak kerumitan, terutama jika mengontrol bagaimana font dideklarasikan tidak memungkinkan.

Anda sebaiknya menghindari melakukan pramuat beberapa format untuk font yang sama – cukup pramuat satu format font saja. Secara umum, Anda tidak boleh memuat semuanya terlebih dahulu, jika tidak, Anda akan menurunkan kinerja situs Anda.

Artikel terkait :