Pengoptimalan Kinerja Web pada tahun 2024: Tren dan Prediksi

Dalam sehari, kami membuka ~130 halaman web, menunggu sekitar 6 detik untuk memuat setiap halaman.

Ini berarti Anda menghabiskan waktu 13 menit untuk bersantai di layar setiap hari – dan lebih dari 17 menit jika Anda menggunakan ponsel.

Tidak mengherankan jika pengoptimalan kinerja web (WPO) terus berupaya mencari cara yang lebih baik untuk mendapatkan kembali waktu yang hilang. Atau setidaknya pastikan kita menunggu sesedikit mungkin.

Mari kita melihat pencapaian paling menonjol dalam 12 bulan terakhir dan bersiap untuk memanfaatkan tren halus yang kita lihat akan terjadi pada tahun 2024!

Web yang Lebih Cepat: Di Mana Kita Sekarang?

Pada tahun 2023 saja, performa web telah mengalami evolusi substansial, terutama dibuktikan dengan kemajuan mengesankan dalam Core Web Vitals (CWV).

Metrik yang mewakili kecepatan pemuatan, respons interaksi, dan stabilitas tata letak telah menetapkan tolok ukur baru untuk kinerja situs web.

Bukti nyata dari kemajuan ini adalah penghematan waktu tunggu sebesar 10.000 tahun – sebuah pencapaian luar biasa yang berasal dari penyempurnaan yang dilakukan pada Core Web Vitals.

Pengurangan besar-besaran dalam rentang waktu tunggu di seluruh platform desktop dan seluler ini menyoroti dampak besar peningkatan ini terhadap pengalaman pengguna di seluruh web.

Selain itu, data dari HTTP Archive menunjukkan banyak hal tentang peningkatan adopsi dan implementasi Core Web Vitals.

Situs web yang lulus penilaian Core Web Vitals mengalami peningkatan yang signifikan, yang mencerminkan peningkatan sebesar 6% pada tahun 2023 saja . Lompatan ini menandakan upaya kolektif dari pengembang web, pemilik situs, dan produk di seluruh dunia untuk memprioritaskan dan mengoptimalkan situs mereka demi pengalaman penjelajahan yang lebih lancar, cepat, dan ramah pengguna bagi semua orang.

Saat ini, terdapat lebih dari 6,5 juta asal yang memenuhi syarat dalam Laporan Pengalaman Pengguna Chrome (CrUX).

Keadaan Vital Web Inti: Retrospektif dan Pencapaian

Pada awal tahun 2023, 41,8% situs web lulus Core Web Vitals. Sejak saat itu, kami telah melihat pertumbuhan yang stabil, dengan tingkat kelulusan desktop yang meningkat hingga 47,4%.

Bagaimana hasil spektakuler ini dicapai? Mari kita lihat perkembangan apa yang diperkenalkan Chrome dan ekosistem yang lebih luas.

Perkembangan Google Chrome

Kemajuan besar datang langsung dari tim pengembangan Google Chrome:

• Bisa dibilang, berita terbesar di Core Web Vitals untuk tahun 2023 adalah peluncuran resmi metrik responsivitas baru – Interaksi ke Cat Berikutnya (INP) . INP akan menggantikan FID pada bulan Maret 2024 sebagai cara yang lebih komprehensif untuk mengukur semua interaksi selama suatu sesi, bukan hanya yang pertama seperti pendahulunya.
• Pengenalan cache Mundur/teruskan (bfcache) ke browser Chrome: dirancang untuk membantu Anda mundur atau maju dengan cepat dalam riwayat penjelajahan Anda tanpa menunggu halaman dimuat ulang.

Hasil: Hit rate BFCache meningkat dari bulan ke bulan di Android (3,6%) dan Desktop (1,8%)

• Fitur PreconnectOnAnchorInteraction baru yang menghubungkan ke asal pada penunjuk ke bawah, bukan penunjuk ke atas.

Hasil: Menghasilkan peningkatan LCP median sebesar 6/10 md (0,4/1%) di Android/Desktop dan peningkatan LCP lintas asal sebesar ~60 md di Android dan Desktop. Peluncuran ini juga menghasilkan peningkatan pendapatan Iklan Konten sebesar 0,08%.

• Pra-render halaman sehingga dimuat secara instan sebelum pengguna benar-benar mengunjunginya.

Hasil: Pemuatan halaman melalui pengetikan URL langsung di omnibox mendapatkan peningkatan median LCP sebesar 500-700 md (14-25%) dengan prarender, sehingga meningkatkan median LCP global di semua navigasi sebesar 6,4 md.

• Meluncurkan pembatasan tab untuk tab latar belakang yang berjalan di EcoQOS di Windows 11 dan Penyesuaian Peran Tugas dan QoS di macOS untuk mencegah tab latar belakang mengganggu Anda.

Hasil: Menghasilkan peningkatan pada Largest Contentful Paint (LCP) dan Interaction to Next Paint (INP)

• Pengoptimalan berkelanjutan untuk Chrome pada beberapa tab aktif

Hasil: Terlihat perbaikan pada penjadwalan dan pertarungan, yang meningkatkan INP sebesar 5% dan LCP sebesar 2% dalam 6 bulan terakhir.

• Peningkatan pada perender Chrome yang mengubah prioritas antrean tugas untuk CWV optimal, seperti pemuatan gambar prioritas tinggi, pengomposisian prioritas setelah penundaan, dan pengoptimalan raster SVG. Semua perbaikan menghasilkan peningkatan tingkat kelulusan LCP, CLS, dan Polri.

Pencapaian WordPress & Vital Web Inti

Pada tahun 2023, melalui upaya khusus tim dan kontributor Core Performance, WordPress membuat lompatan besar dalam meningkatkan tingkat kelulusan Core Web Vitals.

8,25% untuk desktop dan 8,13% untuk seluler, tepatnya.

Salah satu tujuan utama dalam peta jalan tahun ini adalah untuk memberdayakan pemilik situs agar dapat melewati metrik CWV yang paling menantang dalam inti WP – LCP.

Banyak perbaikan pada inti fokus pada peningkatan waktu respons server, menjalankan database yang lebih efisien, meningkatkan pengiriman JS dan CSS, dan mengoptimalkan gambar:

• Mengidentifikasi dan mengatasi hambatan waktu respons server terbesar di inti WordPress
• Meningkatkan kinerja PHP tema blok
• Mendukung Gutenberg Fase 3 dengan panduan, penyempurnaan, dan peninjauan yang berfokus pada kinerja
• Memuat otomatis kelas WordPress PHP
• Menjelajahi cara untuk meningkatkan kinerja terjemahan
• Integrasi basis data SQLite
• Mengoptimalkan kueri basis data opsi yang dimuat secara otomatis di inti WordPress
• Menjelajahi cara untuk lebih meningkatkan kinerja kueri basis data
• Meningkatkan Scripts API dengan strategi pemuatan
• Menghilangkan penggunaan jQuery dari frontend di tema default WordPress
• Menambahkan mengambilprioritas=”tinggi” ke gambar LCP di inti WordPress
• Menghindari pemuatan gambar LCP/pahlawan yang lambat di inti WordPress
• Meningkatkan perhitungan atribut ukuran gambar

Hasil?

WordPress 6.3 memuat 27% lebih cepat untuk tema blok dan 18% lebih cepat untuk tema klasik, dibandingkan dengan WordPress 6.2, berdasarkan metrik Largest Contentful Paint (LCP).

Jika dirinci lebih jauh, kami melihat peningkatan yang pasti di seluruh metrik Core Web Vitals di WordPress seluler:

• 43,37% lulus LCP
• 78,98% lulus CLS
• Dan 97,42% lolos FID

Sebagai solusi yang membantu 180K+ pemilik situs WordPress mencapai pengalaman pengguna yang luar biasa, kami di NitroPack bangga telah berkontribusi pada peningkatan CWV di platform. Tautan yang diprarender melalui API aturan spekulasi, kami telah melihat peningkatan LCP sebesar 80% dan peningkatan INP sebesar 55% pada halaman yang diprarender dibandingkan dengan halaman yang tidak memuat spekulatif.

Komunitas JavaScript untuk Vital Web Inti yang Lebih Baik

Sebagai bagian dari proyek Chrome Aurora, tempat Chrome dan kerangka web sumber terbuka berkolaborasi, kami melihat kemitraan yang sukses dengan Next.js, Angular, dan Nuxt dalam merilis fitur-fitur yang berfokus pada kinerja seperti:

• komponen berikutnya/skrip
• NgOptimizedImage
• nuxt/google-fonts

Pada tahun 2022, tingkat kelulusan laporan Next.js meningkat dari 20,4% menjadi 27,3%. Tingkat kelulusan sudut telah meningkat dari 7,6% menjadi 13,2%, dan tingkat kelulusan Nuxt meningkat dari 15,8% menjadi 20,2%.

Dalam kehidupan nyata, fitur-fitur baru ini diterjemahkan ke dalam peningkatan Core Web Vitals yang penting untuk perusahaan enterprise seperti Land's End dan CareerKarma.

Setelah beralih ke NgOptimizedImage, Land's End memperjuangkan peningkatan LCP sebesar 40% pada seluler dalam pengujian lab Lighthouse dan peningkatan LCP sebesar 75% pada desktop. LCP CareerKarma, sebaliknya, berkurang sebesar 24% saat beralih ke mode pekerja web berikutnya/skrip.

“Dengan ini saya menyatakan tahun 2024 sebagai tahun Komponen Web! Komponen Web berukuran byte, bebas ketergantungan, opsional JavaScript, tanpa kerangka kerja, dan dirender oleh server."

— Stoyan Stefanov, Pencipta perfplanet.com, mantan Yahoo, Penulis JS yang Diterbitkan

SEO/SEA dan Data Web Inti: Titik Kontak

Pentingnya Core Web Vitals dalam kaitannya dengan SEO (Search Engine Optimization) telah lama dibahas.

Setelah pembaruan pedoman pengalaman halaman pada bulan April, jawaban pastinya adalah bahwa Data Web Inti bukanlah faktor peringkat tunggal, melainkan bagian dari sistem yang berkontribusi pada evaluasi pengalaman halaman.

“Hubungan antara Core Web Vitals dan kinerja dalam SEO masih diperdebatkan dengan hangat, dan banyak orang berpendapat bahwa hal tersebut jarang mempengaruhi peringkat secara langsung. Namun saya senang untuk mengatakan bahwa saya melihat semakin banyak organisasi yang memprioritaskan peningkatan kecepatan. Situs yang lebih cepat berarti pengguna lebih bahagia, berkurangnya gesekan, kredensial lingkungan yang lebih baik, dan lebih banyak pendapatan.”

— Jono Alderson, Pakar SEO terkemuka dunia (mantan Kepala SEO @Yoast)

Penting untuk dicatat bahwa relevansi tetap menjadi faktor penentu ketika menentukan peringkat suatu halaman, seperti yang dijelaskan oleh John Muller (Pengacara Penelusuran Google) :

“Jika situs web A lebih cepat daripada situs web B, namun B lebih relevan dengan kueri penelusuran pengguna, situs web B akan tetap mengungguli A.”
Dalam thread Twitter, dia juga menyoroti bahwa “...Core Web Vitals lebih dari sekadar faktor peringkat acak, ini juga merupakan sesuatu yang memengaruhi kegunaan situs Anda setelah diberi peringkat (saat orang benar-benar mengunjunginya).”

Selama presentasinya di acara Google I/O Extended di Sydney pada bulan Juni 2023, Tamas Piros juga menegaskan pentingnya Core Web Vitals, dengan mengatakan “... jika situs Anda dimuat dengan lambat, itu akan berdampak negatif pada penelusuran Anda hasil peringkat halaman.”

Dalam hal SEA (Search Engine Advertising) , pengalaman pengguna berkorelasi langsung dengan angka kualitas iklan Anda. Contoh dunia nyata meliputi:

• Salah satu klien Lever Interactive meningkatkan Angka Mutunya sehingga menghasilkan -17% BPK dan -31% BPA, yang juga berarti peningkatan rasio konversi sebesar 20% pada laman landas yang lebih cepat;
• Skor kualitas tinggi juga berarti mendapatkan diskon hingga 50% pada harga BPK dan mengoptimalkan anggaran iklan Anda secara instan;
• Netzwelt melihat pendapatan iklan meningkat sebesar 18%, visibilitas iklan meningkat lebih dari 75%, rasio pentalan menurun sebesar 50%, dan tampilan halaman meningkat sebesar 27% dengan mengoptimalkan Core Web Vitals.
• Pada tahun 2023, halaman yang memenuhi semua persyaratan Google mendapat peringkat 1 poin persentase lebih tinggi dari rata-rata. Sedangkan domain yang lebih lambat akan memiliki peringkat 3,7 poin persentase lebih rendah dibandingkan domain yang cepat.

Vital Web Bisnis: Dampak Pengoptimalan Kinerja Web pada Keuntungan

Pada tahun 2023, bisnis terus mengadopsi pengoptimalan Core Web Vitals untuk meningkatkan keuntungan mereka, dengan peningkatan waktu muat sebesar 0,1 detik berarti:

• Hingga 8,6% lebih banyak halaman dilihat dalam satu sesi
• Peningkatan 5,2% dalam keterlibatan pelanggan
• 8,4% lebih banyak konversi
• Peningkatan nilai pesanan rata-rata (AOV) sebesar 9,2%

Studi kasus WPO terbaru menunjukkan hasil Carpe setelah mengoptimalkan situs web mereka untuk pengalaman pengguna yang lebih baik – peningkatan 52% pada Cat Konten Terbesar dan 41% dalam Pergeseran Tata Letak Kumulatif, peningkatan lalu lintas sebesar 10%, peningkatan rasio konversi toko online sebesar 5%, dan peningkatan pendapatan sebesar 15%.

Selama webinar dengan Google tentang “Vital Web Inti untuk Bisnis Anda” pada bulan September 2023, NitroPack berbagi pembelajaran dari studi internal yang menghubungkan pengalaman dan kecepatan pengguna dengan pola perilaku pengguna tertentu:

• Pengguna yang mengalami waktu buka 3 detik atau kurang mengunjungi halaman 60% lebih banyak.

• 50% lebih banyak pengunjung berhenti ketika halaman dimuat dalam 3 detik dibandingkan dengan waktu buka halaman 2 detik.

• Pengunjung kehilangan kesabaran dan secara tidak proporsional mulai meninggalkan halaman web pada 2,75 detik pemuatan halaman

Kami melihat semakin banyak bisnis yang beralih dari gagasan kecepatan sebagai tujuan akhir dan lebih ke arah peningkatan cara pengguna berinteraksi dengan situs web mereka. Mengatasi masalah Core Web Vitals lebih dari sekadar mengutak-atik backend. Faktanya, laporan ini mendapat tempat yang layak di antara KPI bisnis dan juga dalam laporan pertumbuhan.

Web Lebih Cepat di tahun 2024: Prediksi

“Selain melanjutkan tren penyempurnaan Core Web Vitals yang ada, menurut saya tahun 2024 bisa menjadi tahun “web instan” dengan Speculation Rules API Chrome yang menjadi mainstream dan menjadikan pra-render sebagai tambahan yang mudah untuk banyak situs. Hal ini akan memungkinkan pengalaman yang lebih lancar, terutama jika dipadukan dengan API Transisi Tampilan multi-halaman.”

— Barry Pollard, Advokat Pengembang Kinerja Web @Google Chrome

Mari kita lihat tren mana yang akan membentuk tahun 2024 tidak hanya lebih cepat, namun juga hampir seketika.

Melewati LCP: Berfokus Pada Optimasi yang Tepat

56,4%

Ini adalah jumlah situs web yang lolos LCP di seluler dibandingkan dengan 94,2% untuk FID dan 77,2% untuk CLS. Sifat menantang dari metrik LCP berasal dari kompleksitas waktu yang dihabiskan dalam memuat elemen konten terbesar.

Pada tahun 2022, Philip Walton mengusulkan cara baru untuk melakukan terobosan kali ini:

• Waktu untuk mulai menerima konten di klien (TTFB)
• Waktu untuk mulai memuat gambar LCP (penundaan pemuatan sumber daya)
• Waktu untuk menyelesaikan pemuatan gambar LCP (waktu muat sumber daya)
• Waktu hingga elemen LCP dirender (penundaan render elemen).

Hal ini memungkinkan pengukuran terperinci dan membantu pemilik situs mengidentifikasi hambatan serta pengoptimalan mana yang paling efektif untuk meningkatkan skor LCP. Pada November 2023, Estela Franco membagikan hasil penelitian dalam hitungan milidetik.

Masalah? Penundaan pemuatan sumber daya.

Ini berarti kita perlu fokus untuk memuat sumber daya konten terbesar lebih cepat daripada mengoptimalkan durasi pemuatan.

✦ Kami memperkirakan...

Pada tahun 2024, pengembang dan pemilik situs akan fokus pada peningkatan kemampuan elemen LCP untuk ditemukan melalui petunjuk sumber daya dan mengecualikannya dari pemuatan lambat sama sekali.

Mempersiapkan Polri: Metrik Responsif Baru

Banyak yang sudah berspekulasi apakah penghentian metrik FID akan berdampak besar pada tingkat kelulusan CWV.

Jawabannya iya.

Tingkat kelulusan akan turun begitu POLRI mulai berlaku (terutama di perangkat seluler), dan pengembang harus berusaha keras untuk memastikan penilaian CWV mereka tetap ramah lingkungan.

Namun INP merupakan langkah maju yang besar dalam memahami bagaimana pengguna berinteraksi dengan situs web kami. Karena ini mengukur semua interaksi selama sesi, pemilik situs akan mendapatkan lebih banyak wawasan tentang tempat terjadinya sebagian besar penundaan.

✦ Kami memperkirakan...

Pada tahun 2024, pengembang akan semakin memanfaatkan scheduler.yield() dan Long Animation Frames API untuk memecah dan mengurangi tugas-tugas yang panjang sehingga thread utama siap mengakomodasi interaksi tanpa penundaan.

Pemahaman yang Lebih Baik tentang Kinerja Situs

Dengan kecanggihan pengoptimalan kinerja web, muncul kebutuhan untuk meningkatkan pemahaman tentang apa sebenarnya arti hal ini bagi pemilik situs.

Pada tahun 2023, kami melihat meningkatnya rasa ingin tahu tentang bagaimana Core Web Vitals cocok dengan konteks bisnis yang lebih luas secara keseluruhan.

CrUX, Arsip HTTP, Almanak Web, Statistik WPO, laporan internal dan publik, serta alat wawasan bisnis dari layanan dan plugin independen – semuanya didedikasikan untuk menghitung angka dan memberikan transparansi pada upaya pemilik situs menuju pengalaman pengguna yang lebih baik.

✦ Kami memperkirakan...

Tahun 2024 akan menandai langkah maju yang signifikan dalam memahami pengalaman pengguna nyata di situs web, menjadikan Core Web Vitals sebagai metrik penting bagi pemilik bisnis dan pedagang e-niaga yang menghubungkannya langsung dengan keuntungan mereka.

“Melihat tahun 2024, saya melihat perubahan positif dalam cara kami mendekati kinerja web. Kami beralih dari sekadar melihat data lab dan lebih fokus pada pengalaman pengguna sebenarnya. Ini adalah saat yang menyenangkan dengan munculnya banyak ide baru untuk membuat situs web lebih cepat bagi semua orang. Di NitroPack, kami sangat senang menjadi bagian dari perubahan ini, membantu menjadikan web tempat yang lebih baik bagi pengguna.”

— Georgi Petrov, CEO dan salah satu pendiri @NitroPack

Peran AI: Langkah Selanjutnya Dalam Optimasi Kinerja Web

Booming AI telah berdampak pada seluruh dunia dan membuat banyak pemilik bisnis memikirkan peluang yang bisa dibuka.

Faktanya, pada tahun 2023 saja, 35% perusahaan telah memanfaatkan AI dalam bisnis mereka, dengan layanan keuangan, layanan kesehatan, ritel, dan manufaktur memimpin dalam penerapan AI.

Dalam pengoptimalan kinerja web, kita telah melihat kemajuan pertama yang dibuat dengan aturan spekulasi API oleh Chrome. Baik digunakan untuk mengotomatisasi tugas, meningkatkan alur kerja, dan menciptakan layanan dan produk baru, AI di industri WPO akan memberdayakan pemilik situs untuk memenuhi permintaan yang meningkat akan pengalaman pengguna dan kecepatan pemuatan yang lebih baik.

Penerapannya di berbagai bidang seperti analisis prediktif, pengenalan pola, dan pengiriman konten yang dipersonalisasi telah meningkatkan pengalaman pengguna secara signifikan.

✦ Kami memperkirakan...

Pada tahun 2024, AI akan menjadi babak baru yang menjanjikan dalam strategi pengoptimalan – mulai dari analisis prediktif dan pengenalan pola hingga fungsi antisipatif, kemajuan ini akan membantu kita memahami perilaku pengguna dengan lebih baik dan menjawab kebutuhan pengguna dengan lebih cepat.

Pikiran Terakhir

Menjelang tahun 2024, fokusnya tetap pada mempertahankan momentum ini.

Kemajuan berkelanjutan dan penerapan awal teknik pengoptimalan kinerja web yang tepat akan membuka jalan bagi pengalaman web yang lebih cepat dan efisien.

Ini tahun 2023 yang cepat, dan mari kita semua bekerja menuju tahun 2024 yang lebih cepat lagi!