befagency.com’u neden yeniden kurduk: 6 saniyelik açılıştan 1,3 saniyeye

Bir web ajansının kendi sitesi en görünür referansıdır. Müşterilerimize “sitenizin hızı satışınızı etkiler” diyorsak kendi sitemizin de bu sözü taşıması gerekiyor. Eylül 2026’da befagency.com’u yeni tasarımıyla yayına aldık. Tasarım ilk bittiğinde güzel görünüyordu, ama ölçtüğümüzde tablo farklıydı: hizmet sayfaları yavaş mobil bağlantıda en büyük içeriği yaklaşık 6 saniyede gösteriyordu. Yayına aldığımız sürümde bu süre 1,3 saniye. Bu yazıda neyi ölçtüğümüzü ve neyi değiştirdiğimizi anlatıyorum.

Nasıl ölçtük?

Ölçümleri Chromium tabanlı bir tarayıcıda, yavaş bir mobil bağlantıyı taklit ederek yaptık: 150 ms gecikme, 1,6 Mbps indirme hızı ve işlemcide 4 kat yavaşlatma. Bu koşullar iyi bir fiber bağlantıdan çok, toplu taşımada 4G’ye bağlı orta seviye bir telefona benziyor. Her sayfada üç değere baktık:

• LCP (Largest Contentful Paint): sayfadaki en büyük görselin ya da metnin ekranda belirdiği an. Google 2,5 saniyenin altını “iyi” kabul ediyor.
• CLS (Cumulative Layout Shift): sayfa yüklenirken içeriğin ne kadar kaydığı. 0,1’in altı iyi.
• Toplam indirilen veri: sayfayı açmak için telefonun indirdiği her şey: HTML, JavaScript, görseller ve videolar.

Sorun 1: Ekrandaki en büyük şey bir videoydu

Hizmet sayfalarımızın üst kısmında kendi çekimlerimizden bir video oynuyor. Tarayıcı açısından sayfanın “en büyük içeriği” bu video; ama videonun ilk karesi, video dosyası inip çözülene kadar ekrana gelmiyordu. Üstüne tasarımdaki giriş animasyonu, bu alanı JavaScript yüklenene kadar görünmez tutuyordu.

Çözüm üç adımdı: her videoya hafif bir kapak görseli (poster) ekledik, bu görseli sayfanın başında öncelikli olarak yükledik ve en üstteki içeriği animasyon beklemeden ilk boyamada görünür yaptık. Sonuç: hizmet sayfalarında LCP yaklaşık 6 saniyeden 1,3 saniyeye indi.

Sorun 2: Ana sayfa 7,8 MB’tı

Ana sayfada ekibimizin ve işlerimizin videoları, müşteri logoları ve çok sayıda fotoğraf var. İlk sürümde bunların çoğu sayfa açılır açılmaz iniyordu. Yaptıklarımız:

• Görselleri gösterildikleri boyuta göre yeniden ölçekledik (en fazla 1400 piksel) ve sıkıştırdık; saydamlık gerektirmeyen PNG’leri JPEG’e çevirdik.
• İş videolarının otomatik oynamasını kapattık; video dosyası ancak ziyaretçi oynattığında iniyor.
• Ekranın altında kalan galerileri tembel yüklemeye (lazy loading) aldık.

Ana sayfanın toplam verisi 7,8 MB’tan 2,4 MB’a indi. Sayfa yüklenirken oluşan kayma (CLS) da 0,074’ten 0’a düştü.

Sorun 3: Sunucu ana sayfayı sıkıştırmıyordu

Bu, yalnızca canlı sunucuda ortaya çıkan bir sorundu. Sunucudaki statik dosya hızlandırması, ana sayfa isteğinde Apache’nin sıkıştırma (gzip) ve güvenlik başlıklarını devre dışı bırakıyordu. Ana sayfanın HTML’i telefona 620 KB olarak gidiyordu. Yönlendirme kuralını düzelttikten sonra aynı sayfa 81 KB. Aynı düzeltmeyle HSTS ve diğer güvenlik başlıkları da ana sayfada devreye girdi.

Hızın ötesi: Arama motorları ve yapay zekâ için altyapı

Yeni sitede hız kadar önem verdiğimiz bir konu da içeriğin makineler tarafından doğru anlaşılması. Google’ın yanı sıra ChatGPT ve Perplexity gibi yapay zekâ sistemleri de bir ajansı önerirken sayfadaki metni ve yapılandırılmış veriyi okuyor. Bu yüzden:

• Sayfalara schema.org yapılandırılmış verisi ekledik: Organization, Service, BreadcrumbList, ana sayfada FAQPage, blog yazılarında BlogPosting ve yazar bilgisi.
• Site Türkçe ve İngilizce; her sayfanın diğer dildeki karşılığı hreflang etiketleriyle işaretli.
• Yapay zekâ sistemleri için sitenin özetini veren bir llms.txt dosyası yayınladık.
• Hizmet sayfalarına kendi rakamlarımızı ve sık sorulan soruları ekledik.
• Site haritası her yayında içeriğe göre güncelleniyor; yeni blog yazıları IndexNow ile arama motorlarına anında bildiriliyor.
• Çerez onayı Google Consent Mode v2 ile yönetiliyor; ziyaretçi onay vermeden reklam çerezleri çalışmıyor.

Kendi sitenizi 10 dakikada kontrol edin

1. PageSpeed Insights’a (pagespeed.web.dev) sitenizin en önemli sayfasını girin ve mobil sonuca bakın.
2. LCP 2,5 saniyenin üzerindeyse teşhis bölümünde hangi öğenin LCP olduğunu bulun. Çoğu zaman bir kapak görseli ya da videodur.
3. Toplam ağ yükü 3 MB’ın üzerindeyse en büyük dosyalara bakın; genellikle boyutlandırılmamış görseller çıkar.
4. Tarayıcının geliştirici araçlarında Network sekmesinden ana sayfa isteğini açın. Yanıt başlıklarında “content-encoding: gzip” ya da “br” görmüyorsanız sunucunuz sıkıştırma yapmıyor olabilir.
5. Google Search Console’daki Core Web Vitals raporu gerçek kullanıcı verisini gösterir; laboratuvar sonuçlarınızı bununla karşılaştırın.

Sitenizin hızını ve teknik altyapısını birlikte incelemek isterseniz web tasarım ve yazılım sayfamıza göz atın ya da bize yazın.