FAQ Inti Web Vitals: Wawasan Utama dari Pemilik Situs Web, Pengembang Berpengalaman, dan Webmaster

Diterbitkan: 2023-10-26

Pernahkah Anda bertanya-tanya:

“Mana yang lebih baik untuk Core Web Vitals – Webflow atau WordPress?”

Atau

“Apakah formulir Hubspot memengaruhi skor LCP?”

Pertanyaan penting, namun terlalu spesifik untuk dengan mudah menemukan jawaban yang didukung oleh pengalaman nyata.

Nah, di baris berikut, kami mengumpulkan lebih banyak outlier ini. Faktanya, semua pertanyaan berikut ditanyakan di ruang obrolan selama webinar ketiga kami dengan Google tentang“Menguasai pengoptimalan LCP.”

Dan bagian terbaiknya adalah:

90% pertanyaan dijawab oleh peserta webinar kami.

Dengan kata lain – Anda siap menerima hadiah.

Anda akan mendapatkan wawasan dari sesama pemilik situs web dan pengembang berpengalaman yang mengalami masalah yang sama dan menemukan solusi terbaik bagi mereka.

Mari kita mulai dengan yang pertama.

FAQ Data Web Inti

Mana yang lebih penting – mencapai skor kinerja 90+ di PageSpeed ​​Insights atau lulus Core Web Vitals?

Secara umum, CWV mengukur pengalaman aktual pengunjung Anda, sedangkan skor PSI hanyalah pengukuran laboratorium yang baik untuk pengujian dan arahan keseluruhan kinerja situs Anda.

Barry Pollard (Google) :“Core Web Vitals adalah ukuran yang lebih baik daripada skor Lighthouse. Skor Kinerja adalah indikator umum pemuatan halaman, tetapi mungkin mencerminkan atau tidak mencerminkan bagaimana pengalaman pengguna terhadap situs web Anda!”

Raih skor 90+ PSI dan lulus Data Web Inti Anda secara otomatis. Dapatkan NitroPack hari ini →

Mengapa saya melihat hasil yang berbeda ketika menggunakan alat pengujian kecepatan yang berbeda?

Anda mungkin melihat hasil yang berbeda karena alat ini mungkin diuji dari berbagai belahan dunia, menggunakan browser web yang berbeda, dan berfokus pada aspek kecepatan situs Anda yang berbeda. Selain itu, meskipun beberapa alat meniru pengguna yang mengunjungi situs Anda, alat lain mungkin melihat data pengguna sebenarnya. Selain itu, hal-hal seperti koneksi internet, seberapa sibuk server Anda saat itu, dan elemen pihak ketiga seperti iklan dapat bervariasi setiap kali Anda melakukan pengujian.

Bagaimana cara mengatasi masalah LCP saat menggunakan CTA formulir HubSpot?

Jika Anda telah menerapkan formulir HubSpot langsung di beranda atau pop-up di halaman, Anda mungkin melihat penurunan kinerja. Hal ini terutama disebabkan oleh banyaknya file JavaScript yang dimuat oleh formulir ini. Solusi yang disarankan adalah dengan memindahkan formulir HubSpot Anda ke halaman khusus. Demikian pula, meskipun CTA HubSpot sangat bagus untuk melacak metrik pengguna, hal tersebut memerlukan beban JavaScript tambahan, yang dapat memperlambat situs Anda. Solusinya adalah dengan mengevaluasi trade-off antara wawasan yang Anda peroleh dari CTA ini dan potensi kinerja, serta mencari solusi alternatif.

Apakah mungkin untuk melewati Core Web Vitals saat menggunakan tema Avada?

Ya, Anda dapat meneruskan Core Web Vitals Anda menggunakan tema Avada. Salah satu peserta webinar kami dengan Google menyebutkan bahwa menggabungkan Siteground dengan NitroPack memberikan beberapa hasil yang spektakuler. Fitur NitroPack yang merupakan pengubah permainan untuk skor LCP, khususnya, adalah konversi WebP otomatis.

Seberapa besar pengaruh CWV terhadap peringkat mesin pencari?

Relevansi konten adalah faktor peringkat terpenting saat Google membangun SERP. Namun, banyak situs web menghasilkan konten yang relevan dan berkualitas tinggi. Jadi, memiliki Core Web Vitals yang baik dapat menjadi pembeda yang membuat halaman Anda unggul. Dan pada akhirnya, CWV mencerminkan persepsi dan pengalaman pengguna di situs Anda. Memastikan pengalaman positif sangat penting untuk mempertahankan pengunjung dan mendorong kunjungan berulang.

NitroPack Insights: Dari pengalaman kami dengan klien, kecepatan dan Core Web Vitals yang baik secara signifikan meningkatkan upaya SEO. Hal ini dapat mengurangi waktu yang dibutuhkan konten untuk mencapai peringkat yang menguntungkan hingga beberapa bulan.

Platform mana yang lebih baik dari segi kinerja: Webflow atau WordPress?

Beberapa pengguna mengklaim bahwa mereka menganggap Webflow cukup menantang dalam hal kinerja. Laporan menunjukkan bahwa platform tersebut cenderung menghasilkan banyak penyeleksi CSS, sehingga menyebabkan duplikasi yang tidak perlu kecuali dikelola dengan benar. Selain itu, Webflow dikatakan lebih sulit untuk dioptimalkan, dengan beberapa orang menunjukkan bahwa struktur HTML-nya tidak selalu diatur secara efisien, sering kali menghasilkan Model Objek Dokumen (DOM) yang berat. Sebaliknya, WordPress, jika dioptimalkan dengan tepat, sering kali dilaporkan menawarkan kinerja dan fleksibilitas yang lebih baik. Mengingat pertimbangan ini, saran umum tampaknya cenderung menggunakan WordPress, terutama bila dipasangkan dengan alat dan praktik pengoptimalan yang tepat, bagi mereka yang memprioritaskan kinerja.

Tentu saja, ini tidak berarti Anda tidak dapat mencapai kinerja luar biasa menggunakan Webflow. Ini sangat bergantung pada kasus penggunaan Anda dan situs web apa yang ingin Anda bangun.

Bacaan lebih lanjut: 7 Plugin WordPress Terbaik untuk Mengoptimalkan Website Anda di Tahun 2023  

Apa format gambar generasi berikutnya?

Format generasi berikutnya adalah jenis gambar yang lebih baru seperti WebP, AVIF, dan JPEG XL. Mereka menawarkan kompresi dan kualitas yang lebih baik daripada format tradisional seperti JPG atau PNG. Sangat layak untuk dicoba untuk kinerja web yang lebih cepat!

Bagaimana cara mengonversi gambar saya menjadi WebP?

Untuk mengonversi gambar ke WebP, Anda dapat dengan mudah menggunakan alat online seperti Squoosh atau TinyPNG. Namun, penggunaan alat online mengharuskan Anda mengganti semua gambar secara manual dengan versi WebP. Jika Anda memiliki situs WordPress, plugin NitroPack dapat secara otomatis mengonversi dan menyajikan gambar Anda dalam format WebP, sehingga membuat situs Anda lebih cepat.

Adam Silverstein (Google): “Anda dapat menggunakanpluginWebP Uploads* WordPress untuk secara otomatis menghasilkan gambar versi generasi berikutnya.”  

*Gambar WebP hanya akan dihasilkan untuk unggahan baru, gambar yang sudah ada tidak akan dikonversi ke format WebP.

Bacaan lebih lanjut: Sajikan Gambar dalam Format Generasi Berikutnya dengan Mudah (WordPress, OpenCart & Magento)

Apakah ada alat untuk menghasilkan CSS penting dan mengekstraknya dari stylesheet? Atau haruskah ini dilakukan secara manual?

Itu tergantung pada alat yang Anda gunakan. Ada banyak sekali generator CSS Kritis online, tetapi mereka hanya melakukan itu – menghasilkan CSS. Mereka tidak akan menyiapkannya di situs web Anda - Anda harus melakukannya secara manual. Di sisi lain, NitroPack secara otomatis mengambil CSS yang diperlukan untuk memvisualisasikan konten paruh atas, membuat CSS Kritis unik untuk setiap halaman, dan menyejajarkannya.

Bacaan lebih lanjut: CSS Penting: Cara Meningkatkan Kecepatan dan UX Situs Web Anda


Berapa bobot yang dimiliki Core Web Vitals sebagai faktor peringkat?

Data Web Inti adalah bagian dari sinyal pengalaman halaman Google, dan meskipun berperan dalam menentukan peringkat, data tersebut bukanlah satu-satunya faktor. Konten berkualitas tetap menjadi kuncinya! Namun seiring dengan semakin pentingnya pengalaman pengguna, hal-hal penting ini kemungkinan akan semakin penting seiring berjalannya waktu. Itu selalu baik untuk mengoptimalkannya bersamaan dengan menghasilkan konten terbaik!

Apa yang akan terjadi pada peringkat saya jika saya gagal dalam LCP? Apakah peringkat SEO diturunkan?

LCP yang gagal mungkin berdampak negatif pada peringkat SEO Anda karena ini adalah salah satu Data Web Inti. Tapi ingat, meskipun itu adalah sebuah faktor, itu bukan satu-satunya faktor. Ada banyak aspek lain dari SEO. Selain itu, meskipun penting, SEO bukanlah satu-satunya cara menuju kesuksesan. Anda tetap perlu menjamin pengalaman pengguna yang sempurna untuk semua pengunjung yang mengunjungi halaman Anda. Sederhananya, melewati Core Web Vitals Anda memiliki nilai lebih dari sekedar posisi SERP.

Bagaimana cara mengidentifikasi elemen mana yang dipertimbangkan untuk LCP?

Anda dapat menggunakan DevTools Chrome. Buka, buka tab 'Kinerja', dan catat pemuatan halaman. Pada hasilnya, akan ada bagian bernama 'Timings', dan Anda akan melihat penanda 'LCP'. Klik di atasnya, dan itu akan menyorot elemen yang dipertimbangkan untuk LCP di halaman Anda di tab Ringkasan. Sangat berguna untuk menentukan dengan tepat apa yang menyebabkan perlambatan!

Alat Pengembang Chrome

Pemuatan halaman saya “buruk” berdasarkan tingkatannya. Host saya mencoba mengupgrade saya, apakah MySQL 5.7 penting?

Memutakhirkan MySQL dapat membantu kinerja basis data, namun jika nilai pemuatan halaman Anda buruk, mungkin ada faktor lain yang berperan. MySQL 5.7 memang memiliki peningkatan dibandingkan versi yang lebih lama, tetapi untuk kecepatan front-end, Anda sebaiknya mempertimbangkan hal-hal seperti caching, pengoptimalan gambar, dan pengurangan skrip. Lingkungan hosting Anda memang penting, namun itu hanyalah salah satu bagian dari teka-teki. Pertimbangkan juga untuk memeriksa elemen lain yang memengaruhi waktu buka Anda!

Bacaan lebih lanjut:Bagaimana Penyedia Hosting Anda Mempengaruhi Kinerja Situs Anda

Tingkatkan Permainan Vital Web Inti Anda

Pertanyaan-pertanyaan ini hanyalah sebagian kecil dari apa yang terjadi selama seri webinar “Core Web Vitals for Business” kami dengan Google.

Seri webinar NitroPack Core Web Vitals untuk Bisnis


Jika Anda ingin menemukan lebih banyak permata pengoptimalan kinerja web, Anda harus menonton ulang semua episode yang tersedia:

  • Tingkatkan Core Web Vitals dan Pengalaman Pengguna Nyata pahami apa, mengapa, dan bagaimana Core Web Vitals untuk memanfaatkannya demi hasil bisnis yang terukur
  • Cara Meningkatkan Interaksi ke Cat Berikutnya (INP)menjadi yang terdepan dengan mempelajari cara lulus INP dan membuktikan kinerja situs Anda di masa depan

Atau Anda dapat menandai materi Data Web Inti khusus kami:

  • Cara Meningkatkan Interaksi ke Cat Berikutnya (INP)
  • Penilaian Data Web Inti Gagal: Apa Artinya dan Bagaimana Cara Memperbaikinya
  • Data Web Inti “Tidak Ada Data Tersedia”: Apa Artinya dan Langkah Selanjutnya