Tema WordPress Mana yang Berkinerja Terbaik pada Tes Kecepatan “Core Web Vitals” Google?

Diterbitkan: 2020-07-17

Google mengumumkan tolok ukur Core Web Vitals baru pada pertengahan 2020:

… pengguna menunjukkan bahwa mereka lebih menyukai situs dengan pengalaman laman yang luar biasa … Penelusuran telah menambahkan berbagai kriteria pengalaman pengguna, seperti seberapa cepat laman dimuat dan keramahan seluler , sebagai faktor untuk hasil peringkat.

Awal bulan ini, tim Chrome mengumumkan Core Web Vitals, serangkaian metrik yang terkait dengan kecepatan, daya tanggap, dan stabilitas visual

Kami akan memperkenalkan sinyal baru yang menggabungkan Data Web Inti dengan sinyal kami yang ada untuk pengalaman halaman guna memberikan gambaran menyeluruh tentang kualitas pengalaman pengguna di halaman web.

Pada Agustus 2021, Google telah meluncurkan pembaruan 'pengalaman halaman' (yang mencakup Data Web Inti) untuk peringkat seluler, dengan peringkat desktop datang pada akhir Maret 2022:

Sinyal peringkat pengalaman halaman mulai berlaku untuk perangkat seluler pada Agustus 2021. Kami akan mulai menggunakan pengalaman halaman sebagai bagian dari sistem peringkat desktop kami mulai Februari 2022. Peluncuran akan selesai pada akhir Maret 2022. Peluncuran peringkat ini akan didasarkan pada sinyal pengalaman halaman yang sama yang kami luncurkan untuk seluler pada Agustus 2021.

Jika Anda melakukan SEO di situs WordPress Anda, maka ini penting bagi Anda sama seperti ketika Chrome mulai memberi label pada halaman non HTTPS dengan peringatan merah pada tahun 2017.

Jika, seperti saya, Anda ingin menjadi yang terdepan dalam persaingan dan memastikan situs WordPress Anda ramah terhadap Core Web Vitals , teruslah membaca. Saya akan membahas apa itu Core Web Vitals dan tema WordPress mana yang akan membantu Anda mencapai skor terbaik.

Catatan: Ada lebih banyak kecepatan WordPress daripada pemilihan tema, tetapi ini adalah tempat terbaik untuk memulai, bersama dengan hosting WordPress yang cepat.

TL;DR – GeneratePress adalah tema WordPress tercepat di tahun 2022 dan, rata-rata, melakukan yang terbaik dalam tes Core Web Vitals Google dalam studi mini ini.

Daftar isi

Apa itu Data Web Inti?

Data Web Inti adalah kumpulan metrik situs web penting untuk pengalaman pengguna optimal yang dibuat oleh Google. Sebuah subset dari Web Vitals, Core Web Vitals saat ini terdiri dari tiga metrik yang berbeda:

  • Cat Contentful Terbesar (LCP): mengukur kinerja pemuatan. Google menyatakan ini harus di bawah 2,5 detik .
  • First Input Delay (FID): mengukur interaktivitas. Google menyatakan ini harus kurang dari 100 milidetik .
  • Pergeseran Tata Letak Kumulatif (CLS): mengukur stabilitas visual. Google menyatakan ini harus kurang dari 0,1 .

Bagaimana saya bisa mengukur skor Core Web Vitals saya?

Berikut adalah semua alat dan metode yang dapat Anda gunakan untuk mengukur dan melacak skor Vital Web Inti Anda. Contoh tes dilakukan pada posting di Blog Evernote (situs WordPress menggunakan tema Mokka, lihat posting saya di situs WordPress terkenal).

Google memiliki 3 alat mereka sendiri:

  • PageSpeed ​​Insights – alat analisis kecepatan halaman sederhana. Siapa pun dapat menggunakannya tanpa masuk. Anda dapat melihat hasil seluler dan desktop yang terpisah.

Evernote Blog Core Web Vitals Wawasan Kecepatan Halaman

  • Laporan Pengalaman Pengguna Chrome – kombinasi PageSpeed ​​Insights dan data penjelajahan pengguna nyata. Ini hanya tersedia bagi mereka yang memiliki akun Google dan Proyek Google Cloud.
  • Search Console – Anda harus masuk ke akun GSC untuk mengakses laporan Data Web Inti untuk situs Anda.

Konsol Pencarian Laporan Vital Web Inti

Ada juga beberapa alat pihak ketiga yang menggabungkan metrik Data Web Inti:

  • WebPageTest.org – tes kecepatan halaman web gratis yang menyoroti kecepatan LCP dan CLS. Itu tidak menunjukkan FID.

Evernote Blog Core Web Vitals Webpagetest

  • Ekstensi Chrome Web Vitals – ekstensi Chrome gratis yang menghitung LCP, FID, dan CLS untuk laman yang Anda buka.

Evernote Blog Core Web Vitals Ekstensi Chrome

Anda akan melihat bahwa halaman yang sama bekerja secara berbeda pada tes kecepatan yang berbeda. Itu karena metrik pemuatan halaman bergantung pada banyak faktor, seperti jika Anda menjelajah di seluler atau desktop, dengan koneksi cepat atau lambat, atau di lokasi yang dekat atau jauh dari server atau CDN.

Karena Google sekarang menggunakan pengindeksan yang mengutamakan seluler, jika Anda peduli dengan SEO dan peringkat mesin telusur, Anda sebaiknya memperhatikan skor LCP seluler Anda .

Jika Anda berkecimpung dalam bisnis untuk mencoba membuat situs web WordPress Anda ramah Google, tetap menggunakan alat pengujian Google sendiri untuk menentukan bagaimana kinerja situs Anda dalam pengujian Core Web Vitals – saya sarankan untuk tetap menggunakan Search Console atau PageSpeed ​​Insights.

Bagaimana tema WordPress memengaruhi skor Core Web Vitals?

Setiap situs WordPress menggunakan tema. Bagi kebanyakan dari kita, ini adalah tema yang tidak biasa, beberapa gratis, beberapa premium. Situs WordPress Anda tidak terikat pada satu tema, dan Anda dapat mengganti tema dengan cukup mudah. Tema yang Anda pilih berdampak pada seberapa cepat halaman web Anda dimuat, dan selanjutnya, bagaimana skor situs Anda terhadap tolok ukur Core Web Vitals Google.

5 Tema WordPress populer yang kami uji

Dua puluh Dua puluh

Tema WordPress Dua Puluh Dua Puluh

Twenty Twenty adalah tema gratis resmi terbaru WordPress. Digunakan sebagai tema utama di lebih dari 400.000 situs langsung.

divisi

Contoh Divi

Divi adalah tema WordPress premium yang dibuat oleh Elegant Themes. Divi saat ini digunakan di lebih dari 1,6 juta situs web langsung.

Pembuat Tema Berkembang

Contoh Pembuat Tema Berkembang

Thrive Theme Builder adalah tema WordPress baru dengan pembuat halaman bawaan dari Thrive Themes, tim di belakang plugin Thrive Architect. Tema Berkembang digunakan di lebih dari 125.000 situs langsung.

HasilkanTekan

HasilkanPres-contoh

GeneratePress adalah tema WordPress yang ringan, dengan versi gratis terbatas dan versi premium yang dapat disesuaikan sepenuhnya. GeneratePress digunakan di lebih dari 270.000 situs web langsung.

Makanan (Kejadian)

foodie-pro-contoh

Foodie adalah salah satu tema anak paling populer untuk Genesis, kerangka kerja tema WordPress premium populer dari StudioPress, yang sekarang menjadi bagian dari keluarga WP Engine. Kerangka Genesis digunakan di lebih dari 290.000 situs web langsung.

Metodologi

Tidak seperti pengujian yang kami lakukan untuk menemukan tema WordPress tercepat, di mana kami menggunakan server kami sendiri untuk menguji setiap tema di lingkungan yang sama, pengujian ini akan dilakukan 'di alam liar'.

Untuk masing-masing dari 5 tema yang kami pilih, kami akan menggunakan PageSpeed ​​Insights untuk menguji 3 beranda dari situs nyata yang menggunakan tema tersebut. Hasil rata-rata akan menjadi tolok ukur tema itu.

Ini adalah situs yang kami uji:

Dua puluh Dua puluh:

  • berita.filepuma.com
  • gsuniversity.girlscouts.org
  • fromthiskitchentable.com

Divi:

  • skillsurvey.com
  • infinitydish.com
  • pagefreezer.com

Pembuat Tema Berkembang:

  • risuppress.com
  • playguitar.com
  • activegrowth.com

HasilkanTekan:

  • brandongaille.com
  • learningguitarnow.com
  • thegeekycyclist.com

Penggila makanan:

  • flouronmyface.com
  • veganinthefreezer.com
  • straightupfood.com/blog/

Setiap halaman akan diukur pada:

  • Cat Contentful Terbesar ( LCP ), diukur dalam hitungan detik
  • Penundaan Input Pertama ( FID ), diukur dalam milidetik
  • Pergeseran Tata Letak Kumulatif ( CLS )

LCP akan diukur hanya di seluler , karena kegunaan seluler penting untuk SEO (pengindeksan mobile-first), dan kegunaan (sekitar 50% dari semua lalu lintas situs web berasal dari perangkat seluler).

Hasil

Halaman Tema LCP FID CLS
berita.filepuma.com Dua puluh Dua puluh 2.3 4 0,03
gsuniversity.girlscouts.org Dua puluh Dua puluh 5.4 2 0,066
fromthiskitchentable.com Dua puluh Dua puluh 6.7 86 0,89
skillsurvey.com divisi 4,5 55 0.12
infinitydish.com divisi 3.3 121 1
pagefreezer.com divisi 4.9 18 0,05
risuppress.com Pembuat Tema Berkembang 6.4 0 0,048
playguitar.com Pembuat Tema Berkembang 4.8 217 0,07
activegrowth.com Pembuat Tema Berkembang 4 49 0,04
brandongaille.com HasilkanTekan 3 37 0,03
learningguitarnow.com HasilkanTekan 3.2 25 0,05
thegeekycyclist.com HasilkanTekan 2.8 22 0.21
flouronmyface.com Penggila makanan 3.8 52 0,84
veganinthefreezer.com Penggila makanan 2 20 0,01
straightupfood.com/blog/ Penggila makanan 7.9 3 0,046

Anehnya, hanya 2 dari 15 situs yang diuji yang lulus uji LCP seluler (harus 2,5 detik atau lebih rendah).

Untuk FID, yang seharusnya kurang dari 100 milidetik, justru sebaliknya, dan 13 dari 15 halaman lulus ujian.

CLS, yang seharusnya kurang dari 0,1, disahkan oleh 10 dari 15 situs yang diuji.

Tapi bagaimana dengan tema WordPress, apakah itu berdampak pada hasil?

Tema WordPress terbaik untuk lulus tes Core Web Vitals rata-rata adalah GeneratePress. Ini tidak mengejutkan saya, karena GeneratePress juga menjadi yang teratas dalam pengujian tema WordPress tercepat kami.

Thrive Theme Builder melakukan yang terburuk secara keseluruhan. Hanya 2 situs yang lulus semua tes Data Web Inti yang menggunakan tema Foodie dan Twenty Twenty.

Kesimpulan

Ini adalah tes yang sangat kecil dari situs web yang dipilih secara acak, jadi temuannya sama sekali tidak signifikan secara statistik . Ada juga banyak faktor lain yang berperan dalam hal kecepatan WordPress. Seperti yang Anda lihat dari hasilnya, tema WordPress yang sama (Foodie) digunakan di situs tercepat dan paling lambat yang diuji. Mungkin ada variabel lain seperti plugin, kompresi gambar, caching, atau hosting situs web yang memengaruhi kinerja kecepatan secara keseluruhan.

Seperti yang kami buktikan dengan pengujian kecepatan tema kami, pilihan tema WordPress memang memengaruhi potensi kecepatan situs web Anda , dan Anda dapat memulai dengan membangun situs Anda pada tema yang cepat dan terkodekan dengan baik seperti GeneratePress.

Namun, hanya dengan memilih tema WordPress yang cepat tidak akan menjamin Anda memiliki situs web yang cepat .

Saya ingin tahu tentang bagaimana kinerja situs web saya (yang Anda gunakan saat ini!) pada pengujian Core Web Vitals Google. Karena saya sudah menggunakan GeneratePress dengan caching dan kompresi gambar, saya mengharapkannya lulus dengan warna terbang…. pada kenyataannya, saya juga memiliki beberapa ruang untuk perbaikan.

Internetfolks Mobile Pagespeed Core Web Vitals

Saya menguji halaman penting di situs saya menggunakan PageSpeed ​​Insights, dan meskipun skor awalnya tampak bagus ( 91/100 di seluler), skornya kurang dari skor LCP (3 detik, 0,5 detik lebih tinggi dari tolok ukur Google 2,5 detik).

Pass Vital Web Inti Internetfolks

Di desktop, PageSpeed ​​Insights menunjukkan bahwa semua halaman di situs web saya lulus uji Core Web Vitals (data ini berasal dari data Google dari pengguna nyata di situs web saya), tetapi saya masih ingin mempercepatnya sedikit lagi. Pencarian saya untuk situs WordPress tercepat berlanjut!

Saya akan menyelidiki ini lebih lanjut dan, ketika saya menemukan cara untuk menurunkan nomor tersebut, saya akan menulis tentangnya dan membuat tutorial untuk Anda ikuti juga.