Ankara Web Sitesi Hız Optimizasyonu

Yavaşlık nereden geliyor

Site yavaşladığında akla ilk gelen sunucu oluyor ama vakaların önemli bölümünde sorun sayfanın kendisinde. Sıkıştırılmamış görseller, kullanılmayan eklentiler, sayfaya sonradan eklenip kaldırılmayan izleme kodları ve tek bir sayfada yüklenen üç ayrı yazı tipi ailesi tipik nedenler. Bunlar tek tek küçük görünüyor, üst üste bindiğinde ilk açılışı saniyelerce uzatıyor.

İkinci grup neden yapısal: ana içeriğin gelmesini bekleten kaynaklar, geç gelen görsel yüzünden yerinden oynayan sayfa düzeni, tıklamaya geç yanıt veren arayüz. Core Web Vitals bu üç davranışı ölçüyor. Kullanıcı puanı görmüyor ama bu davranışları hissediyor: yazıyı okumaya başlarken sayfanın kayması ya da düğmeye bastıktan sonra hiçbir şey olmaması.

Ölçüme laboratuvar testiyle başlıyoruz, ama orada kalmıyoruz. Gerçek kullanıcı verisi varsa onu da bakıyoruz; Ankara'da mobil şebekeden giren bir ziyaretçinin deneyimi ofis internetindeki testle aynı olmuyor.

• Görsel yüküBoyutlandırılmamış ve modern formata çevrilmemiş fotoğraflar.
• Fazla kodKullanılmayan eklenti, tema dosyası ve eski izleme betikleri.
• Yazı tipi yüküGereğinden fazla font ailesi ve kalınlık varyantı.
• Önbellek eksiğiTarayıcı ve sunucu tarafında önbellek kurallarının tanımsız olması.
• Sunucu yanıtıBarındırma ayarları ve veritabanı sorgularından kaynaklanan gecikme.

Nasıl çalışıyoruz

İlk adım tam bir denetim. Ana sayfa, en çok trafik alan iç sayfa ve dönüşüm sayfası olmak üzere birkaç sayfayı ayrı ayrı ölçüyoruz, çünkü ana sayfa hızlı olup ürün sayfası yavaş olabiliyor. Ölçüm sonuçlarını olduğu gibi paylaşıyoruz, düzeltmeden önce nerede durduğunuzu görüyorsunuz.

Sonra müdahaleleri etkisine göre sıralıyoruz. Beş dakikada yapılıp saniyeler kazandıran işler önce geliyor; günlerce sürüp milisaniye kazandıran işler listenin sonunda kalıyor ya da hiç yapılmıyor. Her değişikliği ayrı ayrı uyguluyoruz ki bir şey bozulursa hangi adımın sebep olduğu belli olsun.

Site canlıysa değişiklikleri doğrudan üzerine uygulamıyoruz. Yedek alıyor, mümkün olduğunda test kopyasında deniyor, sonra canlıya taşıyoruz. Hız kazanmak için görsel kalitesini ya da site işlevini feda etmiyoruz; bir düzeltme tasarımı bozuyorsa geri alıp başka yol arıyoruz.

Yaptığımız işlerden örnekler

Raf Marketi'nde 514 ürünlü bir e-ticaret sitesi yönetiyoruz. Ürün sayısı arttıkça listeleme sayfaları, görseller ve filtreleme ağırlaşıyor; ödeme ve kargo entegrasyonlarının da sayfaya eklediği yük var. Bu tür sitelerde hız çalışması tek seferlik bir iş değil, katalog büyüdükçe tekrar bakılması gereken bir bakım kalemi.

Tourision'da 360° sanal tur platformu üzerinde çalışıyoruz. Ağır medya içeren sitelerde temel mesele, ziyaretçinin tur yüklenene kadar boş ekrana bakmaması. Burada mesele dosyayı küçültmekten çok, neyin ne zaman yükleneceğini doğru sıraya koymak.

Nuriş Prefabrik'in kariyer sitesinde ise başvuru formunun mobilde hızlı açılması belirleyiciydi; aday telefon üzerinden başvuruyor ve sayfanın gecikmesi doğrudan tamamlanmayan başvuru demek. Üç iş de farklı ama yöntem aynı: önce ölç, sonra en ağır yüke müdahale et.

Ne söz veriyoruz, ne söz vermiyoruz

Belirli bir hız puanı garantisi vermiyoruz. Ölçüm araçları test koşuluna, ağ durumuna ve cihaza göre farklı sonuç üretiyor; sabit bir rakam taahhüt etmek dürüst olmaz. Bunun yerine öncesi ve sonrası ölçümlerini yan yana koyup hangi kalemde ne kadar iyileşme olduğunu gösteriyoruz.

Bazı sınırların altyapıdan geldiğini de baştan söylüyoruz. Paylaşımlı barındırmada sunucu yanıt süresi belli bir noktanın altına inmiyor; bu durumda barındırma değişikliği öneriyoruz ama bunu bir zorunluluk gibi sunmuyoruz. Kararı verecek olan sizsiniz, biz maliyeti ve beklenen farkı yazılı iletiyoruz.

Hız çalışması bir kere yapılıp bitmiyor. Yeni içerik, yeni eklenti ve yeni izleme kodu zamanla aynı yükü geri getiriyor. İsterseniz dönemsel kontrol düzeni kuruyoruz. Ücretlendirme site büyüklüğüne ve altyapıya göre belirleniyor; denetim sonrası kapsamı yazılı sabit teklifle iletiyoruz.