2024'te Web Performansı Optimizasyonu: Trendler ve Tahminler

Bir günde yaklaşık 130 web sayfasını çeviriyoruz ve her birinin yüklenmesi için yaklaşık 6 saniye bekliyoruz.

Bu, her gün ekranın üzerinde boş boş dolaşarak şaşırtıcı bir şekilde 13 dakika harcadığınız anlamına gelir; telefondaysanız bu süre 17 dakikadan fazladır.

Web performansı optimizasyonunun (WPO), kaybedilen zamanın bir kısmını geri kazanmanın daha iyi yollarını bulmak için sınırları zorlamaya devam etmesi şaşırtıcı değil. Veya en azından mümkün olduğunca az beklediğimizden emin olun.

Son 12 ayın en dikkate değer başarılarına göz atalım ve 2024'te geleceğini gördüğümüz incelikli trendlerden yararlanmaya hazırlanalım!

Daha Hızlı Web: Şimdi Neredeyiz?

Yalnızca 2023'te web performansı önemli bir gelişme gösterdi; bu gelişme, özellikle Core Web Vitals'taki (CWV) etkileyici gelişmelerle kanıtlandı.

Yükleme hızını, etkileşim duyarlılığını ve düzen kararlılığını temsil eden ölçümler, web sitesi performansı için yeni ölçütler belirledi.

Bu ilerlemenin gerçek bir kanıtı, 10.000 yıllık şaşırtıcı bekleme süresi tasarrufudur; bu, Önemli Web Verileri'nde yapılan geliştirmelerden kaynaklanan muazzam bir başarıdır.

Bekleme süresindeki bu büyük azalma, masaüstü ve mobil platformlara yayılıyor ve bu iyileştirmelerin tüm web genelinde kullanıcı deneyimi üzerinde yarattığı önemli etkiyi vurguluyor.

Dahası, HTTP Arşivi'nden elde edilen veriler, Önemli Web Verileri'nin giderek daha fazla benimsenmesi ve uygulanması hakkında çok şey söylüyor.

Önemli Web Verileri değerlendirmesini geçen web siteleri , yalnızca 2023'te %6'lık bir artışı yansıtan önemli bir artış kaydetti. Bu sıçrama, dünya çapındaki web geliştiricilerinin, site sahiplerinin ve ürünlerinin, herkes için daha sorunsuz, daha hızlı ve daha kullanıcı dostu bir tarama deneyimi sağlamak amacıyla sitelerini önceliklendirmek ve optimize etmek için ortak bir çaba gösterdiğinin sinyalini veriyor.

Şu anda Chrome Kullanıcı Deneyimi Raporu'nda (CrUX) 6,5 milyondan fazla uygun kaynak bulunmaktadır.

Temel Web Verilerinin Durumu: Geçmişe Bakış ve Başarılar

2023'ün başında web sitelerinin %41,8'i Önemli Web Verileri'ni geçti. O zamandan bu yana istikrarlı bir büyüme gördük ve masaüstü geçiş oranları %47,4'e yükseldi.

Bu muhteşem sonuçlara nasıl ulaşıldı? Chrome'un ve daha geniş ekosistemin hangi gelişmeleri getirdiğini görelim.

Google Chrome Gelişmeleri

Büyük ilerlemeler doğrudan Google Chrome geliştirme ekibinden geldi:

• Muhtemelen Core Web Vitals'ın 2023 yılı için en büyük haberi, yeni yanıt verme ölçümü olan Next Paint ile Etkileşim'in (INP) resmi olarak kullanıma sunulmasıdır. INP, önceki oturumda olduğu gibi yalnızca ilk oturum yerine bir oturum sırasındaki tüm etkileşimleri ölçmenin daha kapsamlı bir yolu olarak Mart 2024'te FID'nin yerini alacak.
• Chrome tarayıcısında Geri/ileri önbelleğin (bfcache) kullanıma sunulması : sayfanın yeniden yüklenmesini beklemeden göz atma geçmişinizde hızlı bir şekilde geri veya ileri gitmenize yardımcı olmak için tasarlanmıştır.

Sonuçlar: BFCache'in isabet oranı hem Android (%3,6) hem de Masaüstü (%1,8) cihazlarda aydan aya arttı

• Başlangıç ​​noktalarına işaretçi yukarı yerine işaretçi aşağı konumdayken bağlanan yeni PreconnectOnAnchorInteraction özelliği .

Sonuçlar: Android/Masaüstünde 6/10 ms'lik (%0,4/1) ortalama LCP iyileşmesine ve hem Android hem de Masaüstünde çapraz kökenli LCP'de ~60 ms'lik bir iyileşmeye yol açtı. Lansman aynı zamanda İçerik Reklamı gelirinde %0,08'lik bir artışla sonuçlandı.

• Kullanıcı gerçekten ziyaret etmeden önce sayfaların anında yüklenmesi için sayfaları önceden oluşturma .

Sonuçlar: URL'lerin doğrudan çok amaçlı adres çubuğuna yazılması yoluyla yapılan sayfa yüklemeleri, önceden oluşturmayla 500-700 ms (%14-25) ortalama LCP iyileşmesi elde etti ve küresel ortalama LCP'yi tüm gezinmelerde 6,4 ms hareket ettirdi.

• Windows 11'de EcoQOS'ta çalışan arka plan sekmeleri için sekme kısıtlamayı ve macOS'ta Görev Rolü ve QoS Ayarlamalarını başlatarak arka plan sekmelerini önünüzden uzak tutun.

Sonuçlar: En Büyük İçerikli Boya (LCP) ve Sonraki Boyayla Etkileşimde (INP) iyileştirmelere yol açtı

• Birden çok etkin sekme altında Chrome için sürekli optimizasyonlar

Sonuçlar: Planlama ve çekişmede son 6 ayda INP'yi %5 ve LCP'yi %2 artıran iyileştirmeler görüldü.

• Chrome oluşturucuda, yüksek öncelikli görüntü yükleme, gecikmeden sonra öncelikli birleştirme ve SVG raster optimizasyonları gibi optimum CWV için görev sıralarının önceliğini değiştiren iyileştirmeler . Tüm iyileştirmeler LCP, CLS ve INP geçiş oranında artışlarla sonuçlandı.

WordPress ve Önemli Web Verileri Başarıları

WordPress, 2023 yılında Core Performance ekibinin ve katkıda bulunanların özel çabaları sonucunda Core Web Vitals'ın geçiş oranlarını iyileştirme konusunda önemli ilerlemeler kaydetti.

Kesin olarak söylemek gerekirse masaüstü için %8,25 ve mobil için %8,13.

Bu yılın yol haritasındaki ana hedeflerden biri, site sahiplerinin WP çekirdeğindeki en zorlu CWV metriğini (LCP) geçmelerini sağlamaktı.

Temeldeki birçok iyileştirme, sunucu yanıt süresini iyileştirmeye, daha verimli veritabanları çalıştırmaya, JS ve CSS dağıtımını iyileştirmeye ve görüntüleri optimize etmeye odaklanıyor:

• WordPress çekirdeğindeki en büyük sunucu yanıt süresi darboğazlarını belirleme ve ele alma
• Blok temalarının PHP performansını artırma
• Performans odaklı rehberlik, iyileştirmeler ve incelemelerle Gutenberg Aşama 3'ün desteklenmesi
• WordPress PHP sınıflarını otomatik yükleme
• Çeviri performansını artırmanın yollarını araştırmak
• SQLite veritabanı entegrasyonu
• WordPress çekirdeğinde otomatik yüklenen seçenekler veritabanı sorgusunu optimize etme
• Veritabanı sorgu performansını daha da geliştirmenin yollarını keşfetme
• Komut Dosyaları API'sini bir yükleme stratejisiyle geliştirme
• WordPress varsayılan temalarında jQuery kullanımını ön uçtan ortadan kaldırmak
• WordPress çekirdeğindeki LCP görüntüsüne fetchpriority=”high” ekleme
• WordPress çekirdeğinde LCP/kahraman görsellerini tembel yüklemekten kaçınma
• Görüntü boyutları niteliklerinin hesaplanmasının iyileştirilmesi

Sonuçlar?

En Büyük İçerikli Boya (LCP) metriğine göre, WordPress 6.3, WordPress 6.2'ye kıyasla blok temalar için %27, klasik temalar için ise %18 daha hızlı yüklenir.

Daha da ayrıntılı olarak ele alırsak, mobil WordPress'teki tüm Önemli Web Verileri ölçümlerinde kesin bir iyileşme görüyoruz:

• %43,37'si LCP'yi geçti
• %78,98 CLS'yi geçti
• Ve %97,42'si FID'yi geçti

180.000'den fazla WordPress site sahibinin harika bir kullanıcı deneyimi elde etmesine yardımcı olan bir çözüm olarak NitroPack olarak biz, platformdaki CWV iyileştirmesine katkıda bulunmaktan gurur duyuyoruz. Bağlantıları spekülasyon kuralları API'sı aracılığıyla önceden oluşturduğumuzda, herhangi bir spekülatif yükleme olmayan sayfalarla karşılaştırıldığında, önceden oluşturulan sayfalarda %80 LCP iyileşmesi ve %55 INP artışı gördük.

Daha İyi Temel Web Verileri için JavaScript Topluluğu

Chrome ve açık kaynaklı web çerçevelerinin iş birliği yaptığı Chrome Aurora projesi kapsamında Next.js, Angular ve Nuxt ile aşağıdaki gibi performans odaklı özelliklerin kullanıma sunulmasında başarılı ortaklıklar gördük:

• sonraki/kod bileşeni
• NgOptimizedResim
• nuxt/google-fontlar

Next.js, 2022'de geçiş oranlarının %20,4'ten %27,3'e yükseldiğini bildirdi. Açısal geçiş oranları %7,6'dan %13,2'ye, Nuxt geçiş oranları ise %15,8'den %20,2'ye çıktı.

Gerçek hayatta bu yeni özellikler, Land's End ve CareerKarma gibi kurumsal şirketler için Core Web Vitals'ta dikkate değer iyileştirmelere dönüştü.

NgOptimizedImage'a geçtikten sonra Land's End, Lighthouse laboratuvar testlerinde mobilde %40 LCP iyileşmesi ve masaüstünde LCP'de %75 iyileşme olduğunu savundu. CareerKarma'nın LCP'si ise next/script'in web çalışanı moduna geçildiğinde %24 azaldı.

“2024 yılını Web Bileşenleri Yılı ilan ediyorum! Bayt boyutunda, bağımlılık içermeyen, JavaScript isteğe bağlı, çerçeveden bağımsız, sunucu tarafından oluşturulan Web Bileşenleri."

— Stoyan Stefanov, perfplanet.com'un Yaratıcısı, eski Yahoo, Yayınlanmış JS Yazarı

SEO/SEA ve Temel Web Verileri: Temas Noktaları

Core Web Vitals'ın SEO (Arama Motoru Optimizasyonu) açısından önemi uzun zamandır tartışılıyor.

Sayfa deneyimi yönergelerinde Nisan ayında yapılan güncellemelerin ardından verilen kesin yanıt, Önemli Web Verilerinin tek bir sıralama faktörü değil, sayfa deneyimi değerlendirmelerine katkıda bulunan bir sistemin parçası olduğudur.

“Önemli Web Verileri ile SEO performansı arasındaki bağlantı hâlâ hararetli bir şekilde tartışılıyor; birçok kişi bunun nadiren sıralamaları doğrudan etkileyecek bir şey olduğunu öne sürüyor. Ancak giderek daha fazla kuruluşun hız iyileştirmelerine öncelik verdiğini gördüğümü söylemekten mutluyum. Daha hızlı bir site, daha mutlu kullanıcılar, daha az anlaşmazlık, daha iyi ekolojik kimlik bilgileri ve daha fazla gelir anlamına gelir."

— Jono Alderson, Dünya Lideri SEO Uzmanı (SEO eski Başkanı @Yoast)

John Muller (Google Arama Avukatı) tarafından açıklandığı gibi, bir sayfayı sıralarken alaka düzeyinin belirleyici faktör olmaya devam ettiğini unutmamak önemlidir:

"A web sitesi B web sitesinden daha hızlıysa ancak B, arama kullanıcısının sorgusuyla daha alakalıysa, B web sitesi yine de A'yı geride bırakacaktır."
Bir Twitter başlığında şunu da vurguladı: "...Önemli Web Verileri rastgele bir sıralama faktöründen daha fazlasıdır; aynı zamanda sitenizin sıralamadan sonra (insanlar gerçekten ziyaret ettiğinde) kullanılabilirliğini de etkileyen bir şeydir."

Tamas Piros , Haziran 2023'te Sidney'de düzenlenen Google I/O Extended etkinliğinde yaptığı sunum sırasında, Temel Web Verileri'nin önemini doğrulayarak şunları söyledi : "... siteniz yavaş yüklenirse bu, aramanız üzerinde olumsuz bir etki yaratacaktır" sayfa sıralama sonuçları.”

SEA (Arama Motoru Reklamcılığı) açısından kullanıcı deneyimi, reklamlarınızın kalite puanıyla doğrudan ilişkilidir. Gerçek dünyadaki örnekler şunları içerir:

• Lever Interactive'in müşterilerinden biri Kalite Puanını artırarak -%17 TBM ve -%31 EBM sağladı; bu aynı zamanda daha hızlı açılış sayfalarında dönüşüm oranlarında da %20 artış anlamına geliyordu;
• Yüksek kalite puanı aynı zamanda TBM fiyatlarınızda %50'ye varan indirim elde etmek ve reklam bütçelerinizi anında optimize etmek anlamına da gelir;
• Netzwelt, Önemli Web Verileri için optimizasyon yaparak reklam gelirlerinin %18 arttığını, reklam görünürlüğünün %75'in üzerinde arttığını, hemen çıkma oranlarının %50 azaldığını ve sayfa görüntülemelerinin %27 arttığını gördü.
• 2023'te, Google'ın tüm gereksinimlerini karşılayan sayfalar ortalamanın yüzde 1 puan üzerinde sıralanacak. Daha yavaş alan adları ise hızlı olanlardan yüzde 3,7 puan daha düşük sıralamaya sahip olacak.

İş Web Verileri: Web Performansı Optimizasyonunun Sonuç Üzerindeki Etkisi

2023'te işletmeler, kârlılıklarını artırmak için Önemli Web Verileri optimizasyonunu benimsemeye devam etti; yükleme süresinde 0,1 saniyelik bir iyileşme şu anlama geliyor:

• Bir oturumda %8,6'ya kadar daha fazla sayfa görüntülendi
• Müşteri etkileşiminde %5,2 iyileşme
• %8,4 daha fazla dönüşüm
• Ortalama sipariş değerinde (AOV) %9,2 artış

En güncel WPO vaka çalışması, Carpe'nin web sitesini daha iyi bir kullanıcı deneyimi için optimize ettikten sonraki sonuçlarını gösteriyor: En Büyük İçerikli Boya'da %52 ve Kümülatif Düzen Değişiminde %41 iyileşme, trafikte %10'luk bir artış, çevrimiçi mağaza dönüşüm oranında %5'lik bir artış, ve gelirde %15 artış.

Eylül 2023'te Google ile "İşletmeniz İçin Önemli Web Verileri" konulu bir web semineri sırasında NitroPack, kullanıcı deneyimi ve hızı belirli kullanıcı davranışı kalıplarıyla ilişkilendiren şirket içi çalışmalardan edinilen bilgileri paylaştı:

• 3 saniye veya daha kısa yükleme süresine sahip olan kullanıcılar %60 daha fazla sayfa ziyaret etti.

• Bir sayfa 3 saniyede yüklendiğinde, 2 saniyelik sayfa yükleme süresine kıyasla %50 daha fazla ziyaretçi ayrılır.

• Ziyaretçilerin sabrı tükeniyor ve sayfa yüklemesinin 2,75 saniyesinde orantısız bir şekilde bir web sayfasını terk etmeye başlıyor

Nihai hedef olarak hız fikrinden uzaklaşan ve daha çok kullanıcıların web siteleriyle etkileşimini iyileştirmeye yönelen daha fazla işletme görüyoruz. Önemli Web Verileri sorunlarının üstesinden gelmek, arka uç düzeltmelerinin çok ötesine geçer. Aslında iş KPI'ları arasında ve büyüme raporlarında da hak ettiği yeri buldu.

2024'te Daha Hızlı Web: Tahminler

“Önemli Web Verileri'ne yönelik iyileştirmelerdeki mevcut trendi sürdürmenin yanı sıra, Chrome'un Spekülasyon Kuralları API'sinin ana akım haline gelmesi ve ön oluşturmayı birçok site için kolay bir ekleme haline getirmesiyle 2024'ün gerçekten “anında web” yılı olabileceğini düşünüyorum. Bu, özellikle çok sayfalı Görünüm Geçişleri API'si ile birlikte daha kusursuz deneyimlere olanak tanıyacak."

— Barry Pollard, Web Performansı Geliştirici Avukatı @Google Chrome

Bakalım hangi trendler 2024'ü sadece daha hızlı değil, aynı zamanda neredeyse anında şekillendirecek.

LCP'yi Geçmek: Doğru Optimizasyonlara Odaklanmak

%56,4

Bu, FID için %94,2 ve CLS için %77,2 ile karşılaştırıldığında mobil cihazlarda LCP'yi geçen web sitelerinin sayısıdır. LCP metriğinin zorlu doğası, en büyük içerikli öğenin yüklenmesi için harcanan zamanın karmaşıklığından kaynaklanmaktadır.

2022'de Philip Walton bu sefer parçalamanın yeni bir yolunu önerdi:

• İstemcide içerik almaya başlama zamanı (TTFB)
• LCP görüntüsünün yüklenmeye başlama zamanı (kaynak yükleme gecikmesi)
• LCP görüntüsünün yüklenmesinin tamamlanması için gereken süre (kaynak yükleme süresi)
• LCP öğesinin oluşturulmasına kadar geçen süre (öğe oluşturma gecikmesi).

Bu, ayrıntılı ölçüm yapılmasına olanak tanır ve site sahiplerinin darboğazları belirlemelerine ve ayrıca LCP puanını iyileştirmek için hangi optimizasyonların en etkili olacağını belirlemelerine yardımcı olur. Estela Franco, Kasım 2023'te araştırmanın sonuçlarını milisaniyeler içinde paylaştı.

Sorun? Kaynak yükleme gecikmesi.

Bu, yükleme süresini optimize etmek yerine en büyük içerikli kaynağı daha erken yüklemeye odaklanmamız gerektiği anlamına gelir.

✦ Tahmin ediyoruz...

2024'te hem geliştiriciler hem de site sahipleri, kaynak ipuçları yoluyla LCP öğesinin keşfedilebilirliğini artırmaya ve onu yavaş yüklemeden tamamen çıkarmaya odaklanacak.

INP'ye Hazırlık: Yeni Yanıt Verme Metriği

Birçoğu, FID metriğinin sona ermesinin CWV geçiş oranları üzerinde büyük bir etkisi olup olmayacağını zaten tahmin etti.

Cevap Evet.

INP devreye girdiğinde (özellikle mobilde) geçiş oranları düşecek ve geliştiricilerin CWV değerlendirmelerinin yeşil kalmasını sağlamak için kolları sıvamaları gerekecek.

Ancak INP, kullanıcıların web sitelerimizle nasıl etkileşimde bulunduğunu anlamada ileriye doğru atılmış büyük bir adımdır. Bir oturum sırasındaki tüm etkileşimleri ölçtüğü için site sahipleri, gecikmelerin çoğunun nerede meydana geldiğine dair daha fazla bilgi sahibi olacak.

✦ Tahmin ediyoruz...

2024'te geliştiriciler, ana iş parçacığının gecikme olmadan bir etkileşimi karşılamaya hazır olması için uzun görevleri bölmek ve azaltmak için Scheduler.yield() ve Uzun Animasyon Çerçeveleri API'lerinden giderek daha fazla yararlanacak.

Site Performansının Daha İyi Anlaşılması

Web performansı optimizasyonunun karmaşıklığıyla birlikte, bunun site sahipleri için gerçekte ne anlama geldiğinin daha iyi anlaşılması ihtiyacı ortaya çıkıyor.

2023'te Önemli Web Verilerinin bir bütün olarak daha büyük iş bağlamına nasıl uyum sağladığına dair merakın arttığını gördük.

CrUX, HTTP Arşivi, Web Almanağı, WPO İstatistikleri, şirket içi ve kamuya açık raporlar ve bağımsız hizmetlerden ve eklentilerden iş öngörüsü araçları; bunların tümü rakamları hesaplamaya ve site sahiplerinin daha iyi kullanıcı deneyimine yönelik çabalarına şeffaflık sağlamaya adanmıştır.

✦ Tahmin ediyoruz...

2024, web sitelerindeki gerçek kullanıcı deneyimlerini anlamada ileriye doğru atılmış önemli bir adım olacak ve Temel Web Verilerini işletme sahipleri ve e-ticaret tüccarları için doğrudan kârlılıklarına bağlayan önemli bir ölçüm haline getirecek.

"2024'e baktığımızda web performansına yaklaşımımızda olumlu bir değişim görüyorum. Sadece laboratuvar verilerine bakmaktan uzaklaşıyor ve gerçek kullanıcı deneyimine daha fazla odaklanıyoruz. Web sitelerini herkes için daha hızlı hale getirmeye yönelik pek çok yeni fikrin ortaya çıktığı heyecan verici bir dönem. NitroPack olarak bu değişimin bir parçası olmaktan ve web'i kullanıcılar için daha iyi bir yer haline getirmeye yardımcı olmaktan gerçekten mutluyuz."

— Georgi Petrov, CEO ve kurucu ortak @NitroPack

Yapay Zekanın Rolü: Web Performansı Optimizasyonunda Sonraki Adımlar

Yapay zeka patlaması tüm dünyayı etkiledi ve birçok işletme sahibinin bunun ortaya çıkarabileceği fırsatlar hakkında düşünmesine neden oldu.

Aslında yalnızca 2023 yılında şirketlerin %35'i işlerinde yapay zekadan yararlanıyor; finansal hizmetler, sağlık hizmetleri, perakende ve üretim yapay zekanın benimsenmesinde başı çekiyor.

Web performansı optimizasyonunda, Chrome'un spekülasyon kuralları API'sinde yapılan ilk gelişmeleri zaten gördük. İster görevleri otomatikleştirmek, iş akışlarını iyileştirmek ve yeni hizmetler ve ürünler oluşturmak için kullanılsın, WPO endüstrisindeki yapay zeka, site sahiplerine daha iyi kullanıcı deneyimi ve yükleme hızına yönelik artan talebi karşılama gücü verecek.

Tahmine dayalı analiz, model tanıma ve kişiselleştirilmiş içerik sunumu gibi alanlardaki uygulamaları, kullanıcı deneyimlerini önemli ölçüde iyileştirdi.

✦ Tahmin ediyoruz...

2024 yılında yapay zeka, tahmine dayalı analitik ve örüntü tanımadan öngörücü işlevlere kadar optimizasyon stratejilerinde umut verici yeni bir bölüm olacak. Gelişmeler, kullanıcı davranışını daha iyi anlamamıza ve kullanıcı ihtiyaçlarına daha hızlı yanıt vermemize yardımcı olacak.

Son düşünceler

2024 yaklaşırken bu ivmenin sürdürülmesine odaklanılıyor.

Devam eden gelişmeler ve doğru web performansı optimizasyon tekniklerinin erken benimsenmesi, daha hızlı ve daha verimli bir web deneyiminin yolunu açacaktır.

Hızlı bir 2023'e merhaba ve hep birlikte daha da hızlı bir 2024 için çalışalım!