Kısaca en önemli noktalar
- Google kullanıcı deneyimini üç Core Web Vitals ölçütüyle ölçer: LCP (yükleme), INP (tepki) ve CLS (görsel kararlılık).
- İyi sayılan değerler: LCP 2,5 saniyeye, INP 200 milisaniyeye, CLS 0,1'e kadar; gerçek ziyaretlerin yüzde 75'inde ölçülür.
- INP, Mart 2024'te eski FID ölçütünün yerini aldı; hâlâ FID'den söz eden kılavuzlar güncel değildir.
- Büro web sitelerindeki en yaygın yavaşlatıcılar: devasa fotoğraflar, sayfa oluşturucular, slider'lar, eklentiler, harici fontlar ve çerez betikleri.
- Hızlı sayfalar her şeyden önce insanlara yarar; sıralamada alaka düzeyi daha ağır basar, hız ise benzer sayfalar arasında belirleyici olabilir.
Bu yazı genel bilgi amaçlıdır ve somut olaya ilişkin hukuki veya vergisel danışmanlık değildir. Yasalar, meslek kuralları ve meslek odası aidatları değişir: Karar vermeden önce ayrıntıları meslek odanızdan, ilgili makamdan veya meslek birliğinizden kontrol edin.
Yükleme süresi bürolar için neden önemlidir?
Büro arayan kişinin genellikle somut bir sorunu vardır: bir işten çıkarma, vergi dairesinden gelen bir süre, noterlikte bir randevu. Pek çok kişi yolda, akıllı telefondan ve çoğu zaman değişken bir bağlantıyla arar. Yavaş bir sayfa o anda meşgul çalan bir telefon gibidir. Arayanlar nadiren geri döner; listedeki bir sonraki büroyu ararlar.
Google sıralaması için yükleme süresi pek çok faktörden yalnızca biridir. Google'ın kendisi, aramanın sayfa deneyimi ideal olmasa bile her zaman en alakalı içeriği göstermeyi amaçladığını söyler. Yani içeriği zayıf hızlı bir sayfa, miras hukuku üzerine mükemmel bir rehber sunan yavaş bir sayfayı geçemez. Ancak şehrinizdeki birkaç büronun benzer derecede iyi sayfaları varsa, iyi bir sayfa deneyimi farkı yaratabilir. Daha önemli neden ise değişmez: Sayfanın açılmasını beklemeyen kişi telefon da etmez.
Üç Core Web Vitals ölçütü ve eşik değerleri
Google, bir sayfanın yüklenmesindeki deneyimi üç ölçütte toplar: Core Web Vitals. Değerlendirilen ortalama değil, 75. yüzdelik dilimdir: Gerçek ziyaretlerin en az dörtte üçü eşiği geçiyorsa sayfa iyi sayılır. Mobil ve masaüstü ayrı ayrı değerlendirilir.
| Ölçüt | Neyi ölçer | İyi | İyileştirilmeli | Kötü |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Görünen en büyük öğenin, genellikle ana görselin ya da başlığın ne zaman yüklendiği | 2,5 sn'ye kadar | 4 sn'ye kadar | 4 sn'nin üstü |
| INP (Interaction to Next Paint) | Sayfanın tıklamalara ve dokunuşlara ne kadar hızlı tepki verdiği, örneğin menü açılırken | 200 ms'ye kadar | 500 ms'ye kadar | 500 ms'nin üstü |
| CLS (Cumulative Layout Shift) | İçeriklerin yükleme sırasında ne kadar kaydığı | 0,1'e kadar | 0,25'e kadar | 0,25'in üstü |
INP, Mart 2024'te eski FID (First Input Delay) ölçütünün yerini aldı. FID yalnızca ilk girişteki gecikmeyi ölçüyordu; INP ise ziyaret boyunca tüm tıklamaları, dokunuşları ve tuş vuruşlarını dikkate alır. Bu yüzden eskiden iyi sonuç alan siteler bugün INP'de zorlanabilir, özellikle arka planda çok sayıda betik çalışıyorsa.
PageSpeed Insights ve Search Console ile ölçüm
Büroların çoğu için Google'ın iki ücretsiz aracı yeterlidir. Önemli olan iki veri türü arasındaki farktır: Alan verileri son 28 gündeki gerçek Chrome kullanıcılarından gelir, laboratuvar verileri ise simüle edilmiş bir sayfa açılışından. Google'ın değerlendirmesinde alan verileri esas alınır, hata ararken laboratuvar verileri işe yarar.
PageSpeed Insights'ı açın
pagespeed.web.dev adresinde ana sayfanızın adresini, ardından önemli bir alt sayfanın adresini girin; örneğin iş hukuku ya da bordro sayfanız. Önce „Mobil“ sekmesini kontrol edin.
Alan verilerini okuyun
En üstte sayfanın Core Web Vitals değerlendirmesini geçip geçmediği yazar. Sitenizin ziyaret sayısı çok azsa PageSpeed Insights tüm alan adı için değerler gösterir ya da hiç alan verisi göstermez. Bu küçük bürolarda normaldir, bir hata değildir.
Teşhis bölümünü kullanın
Altında somut ipuçları içeren Lighthouse analizi gelir: fazla büyük görseller, oluşturmayı engelleyen betikler, kullanılmayan kod. 0 ile 100 arasındaki puan her çalıştırmada değişir; tek tek ipuçlarına daha çok dikkat edin.
Search Console'u kurun
Google Search Console içindeki „Core Web Vitals“ raporu benzer sayfaları gruplar hâlinde toplar ve mobil ile masaüstünü ayrı gösterir. Bir düzeltmeden sonra doğrulamayı başlatabilirsiniz; Google ardından 28 gün boyunca gerçek verileri izler.
Gerçek cihazda test edin
Web sitesini yalnızca fiber bağlantılı ofis bilgisayarında değil, mobil ağda eski bir akıllı telefonda da açın. Orada ağır gelen şey, müvekkillerinize de ağır gelir.
Büro web sitelerindeki tipik yavaşlatıcılar
Büro web siteleri genellikle küçüktür: ana sayfa, faaliyet alanları, ekip, iletişim, künye. Buna rağmen pek çoğu şaşırtıcı derecede yavaştır. Nedenler hep tekrarlanır.
| Neden | Tipik örnek | Etkilenen ölçüt |
|---|---|---|
| Devasa fotoğraflar | Doğrudan fotoğraf makinesinden gelen 8 MB'lık ekip fotoğrafı, tarayıcıda 600 piksele küçültülmüş | LCP |
| Sayfa oluşturucular ve ağır temalar | Bir oluşturucu teması, hiç kullanmadığınız onlarca işlev için kod yükler | LCP, INP |
| Ana sayfada slider | Hepsi hemen yüklenen, dönüşümlü beş büyük görsel | LCP, CLS |
| Çok sayıda eklenti | Form, galeri, harita, animasyonlar ve istatistik için ayrı ayrı birer eklenti | INP, LCP |
| Harici fontlar | Yabancı bir sunucudan altı kalınlıkta üç font ailesi | LCP, CLS |
| Çerez banner'ı ve izleme | Her şeyden önce yüklenen bir onay aracı, üstüne reklam ve analiz betikleri | LCP, INP, CLS |
| Gömülü haritalar ve videolar | Sayfa açılır açılmaz yüklenen bir Google Maps haritası ve bir YouTube videosu | LCP, INP |
Harici fontlar yalnızca bir hız sorunu da değildir. Münih I Eyalet Mahkemesi (LG München I) (dosya no. 3 O 17493/20) 2022'de, Google Fonts'u onay almadan Google sunucusundan yükleyen ve böylece ziyaretçilerin IP adresini aktaran bir web sitesinin DSGVO'yu (GDPR) ihlal ettiğine karar verdi. Kendi sunucunuzdan yüklenen fontlar daha hızlıdır ve bu sorunu ortadan kaldırır. Gömülü haritalarda da durum benzerdir: „Haritayı yükle“ notlu bir önizleme görseli, her sayfa açılışında yüklenen bir haritadan daha hızlı ve veri açısından daha tutumludur.
Gerçekten işe yarayanlar
Doğrusu böyle
- Fotoğrafları yüklemeden önce gerçekte gösterilen boyuta getirmek ve WebP ya da AVIF olarak sunmak
- Görseller için genişlik ve yükseklik belirtmek, böylece yer yükleme sırasında ayrılır
- Sayfanın aşağısındaki görselleri ancak kaydırınca, ana görseli ise hemen yüklemek
- Kendi sunucunuzdan yüklenen bir, en fazla iki font ailesi
- Haritaları ve videoları ancak bir tıklamadan sonra yüklemek
- Eklentileri ve betikleri düzenli olarak ayıklamak: Kimsenin aramadığı şey kaldırılır
Bundan kaçının
- Ana sayfanın başında beş görselli bir slider
- Ana görseli „lazy“ yükleyip en son görünmesine yol açmak
- Her küçük iş için yeni bir eklenti kurmak
- Raporlarına kimsenin bakmadığı izleme betikleri eklemek
- Telefonda kimsenin ihtiyaç duymadığı tam çözünürlüklü arka plan videoları
- Yüklemeden sonra içeriğin üstüne kayıp onu iten bir çerez banner'ı
Büro web sitelerinde ana görsel neredeyse her zaman en büyük öğedir ve dolayısıyla LCP'dir. Makul boyutta, sakin bir ekip ya da ofis fotoğrafı hızlı yüklenir ve teraziler ile paragraf işaretlerinden oluşan hazır görsellerle dolu bir slider'dan daha çok şey anlatır. İyi çekimler için ipuçlarını büro web sitesi için fotoğraflar rehberinde bulabilirsiniz.
Çerez banner'ında temel soruyu sormaya değer: Onay gerektiren betiklere gerçekten ihtiyacınız var mı? Çerezsiz ve reklam izlemesi olmayan bir istatistik; betiklerden, yükleme süresinden ve çoğu zaman banner'ın kendisinden tasarruf sağlar. Hukuki durumu bürolar için çerez banner'ı rehberinde, web sitenizin başarısını yine de nasıl ölçeceğinizi ise web sitesinin başarısını ölçmek yazısında bulabilirsiniz.
Hosting ve teknik
En iyi sayfa bile, sunucu yanıt vermekte gecikirse yavaş yüklenir. İlk bayta kadar geçen bu süre (TTFB) bir Core Web Vitals ölçütü değildir, ama her LCP değerinin içinde yer alır. Google kaba bir ölçü olarak 0,8 saniye ya da daha kısa bir TTFB önerir. Yüzlerce web sitesinin aynı sunucuyu paylaştığı ucuz paylaşımlı hosting paketleri bunu her zaman güvenilir biçimde başaramaz.
- AB'de sunucu konumu: Müvekkilleriniz için kısa mesafeler ve veri koruma açısından daha kolay.
- Önbellek: Sayfalar her istekte bir veritabanından yeniden oluşturulmak yerine hazır olarak sunulur.
- Güncel protokoller ve sıkıştırma: HTTP/2 ya da HTTP/3 ve sıkıştırılmış aktarım bugün standarttır, ama eski paketlerde her zaman etkin değildir.
- Statik sayfalar: Bir büro web sitesi nadiren değişir. Önceden oluşturulmuş sayfalar hızlı, güvenli ve neredeyse bakım gerektirmez.
- Güncellemeler: Eski sistemler ve eklentiler yalnızca yavaş değil, aynı zamanda bir güvenlik riskidir; özellikle sır saklama yükümlülüğü olan meslekler için.
Hızlı bir büro web sitesi için kontrol listesi
Bir saatte kendiniz kontrol edin
- Ana sayfa ve iki önemli alt sayfa PageSpeed Insights'ta mobil olarak test edildi
- Ana görsel yaklaşık 200 KB'ın altında ve modern bir formatta
- Üst bölümde slider ya da otomatik oynatılan video yok
- Fontlar kendi sunucudan, en fazla iki aile
- Harita ve videolar yalnızca tıklamadan sonra
- Tüm eklentilerin ve harici betiklerin listesi gözden geçirildi, gereksizler kaldırıldı
- Search Console'da Core Web Vitals raporu kuruldu
- Web sitesi mobil ağda eski bir akıllı telefonda açıldı
Web sitesi temelde ağır bir site oluşturucu üzerine kuruluysa, bu maddelerin çoğu ancak sınırlı ölçüde düzeltilebilir. O zaman yeniden yapım, sürekli yamamaktan daha ucuz olabilir; bu sırada nelere dikkat etmeniz gerektiğini web sitesi yenileme rehberi anlatıyor. Sade bir büro web sitesinin maliyetini büro web sitesinin maliyeti yazısı gösteriyor. Ziyaretlerin çoğu akıllı telefondan geldiği için mobil büro web sitesi rehberine de göz atmaya değer.
Anında açılan bir büro web sitesi
Büro web sitelerimiz sade inşa edilir: optimize edilmiş görseller, kendi sunucumuzdan fontlar, slider yok, eklenti yığını yok ve çerezsiz bir istatistik. Ücretsiz bir önizleme isteyin ve PageSpeed Insights'ta kendiniz test edin.
Büro web sitenizin bizde nasıl görünebileceğine dair bağlayıcı olmayan bir önizleme.
Kaynaklar
- Google Search Central – Core Web Vitals ve Google arama sonuçları
- Google Search Central – Google Arama'da sayfa deneyimi
- Google – Search Console'daki Core Web Vitals raporu
- Google – PageSpeed Insights hakkında
- web.dev – Web Vitals
- web.dev – Interaction to Next Paint, Core Web Vital oluyor
- web.dev – Time to First Byte (TTFB)
- LG München I, 20.01.2022 tarihli karar, dosya no. 3 O 17493/20 (Google Fonts)
