Hız neyi etkiler?

Yavaş açılan bir sayfa, ziyaretçinin daha içeriği görmeden ayrılmasına yol açabilir. Özellikle mobil bağlantılarda birkaç saniyelik gecikme bile fark yaratır. Arama motorları da sayfa deneyimini değerlendirirken hızı dikkate alır; yavaş bir site, aynı içerikle daha zor öne çıkar.

Hızın etkisi yalnızca ilk açılışla sınırlı değildir. Bir teklif formunu doldururken sayfanın takılması, bir ürün görselinin geç yüklenmesi veya butona basıldığında hiçbir şey olmaması da aynı sonucu doğurur: ziyaretçi işini tamamlamadan çıkar. Reklam yayınlıyorsanız bu doğrudan para kaybıdır, çünkü tıklamanın bedelini ödemiş ama karşılığını alamamış olursunuz.

Hızı en çok ne yavaşlatır?

En yaygın nedenler: optimize edilmemiş büyük görseller, gereğinden fazla script ve üçüncü taraf eklenti, ağır sayfa şablonları ve yavaş sunucu yanıtı. Genellikle birkaç büyük görseli doğru formatta ve boyutta vermek bile belirgin bir iyileşme sağlar.

Üçüncü taraf script’ler özellikle sinsi bir yük oluşturur. Analitik, canlı destek, harita, sosyal medya beslemesi ve reklam piksellerinin her biri tek başına küçük görünür; toplandığında sayfanın açılışını belirgin biçimde geciktirir. Sitede hangi script’lerin bulunduğunu ve her birinin gerçekten kullanılıp kullanılmadığını yılda bir kez gözden geçirmek yararlıdır.

Görseller ve medya

Görseller modern formatlarda (WebP/AVIF) ve gösterildikleri boyuta yakın çözünürlükte sunulmalı. Ekranın altındaki görseller sonradan yüklenmeli (lazy loading). Otomatik oynayan videolar ve büyük arka plan medyaları, gerçekten gerekli değilse sayfayı ağırlaştırır.

Sık rastlanan bir durum: fotoğraf makinesinden çıkan 4000 piksel genişliğindeki bir görselin doğrudan siteye yüklenmesi ve tarayıcıya 400 piksel olarak küçültülmesi. Ziyaretçi bu dosyanın tamamını indirir ama onda birini görür. Görsellerin width ve height değerlerinin HTML’de yazılı olması da önemlidir; aksi hâlde görsel yüklendiğinde sayfa zıplar ve okuyucu yerini kaybeder.

Kod, yazı tipi ve sunucu

Kullanılmayan CSS ve JavaScript’i azaltmak, yazı tiplerini yerelden ve sınırlı sayıda yüklemek, önbellekleme ve sıkıştırma kullanmak temel adımlardır. Barındırma kalitesi ve sunucunun ilk yanıt süresi de toplam hızın parçasıdır.

Yazı tipleri küçük ama etkili bir kalemdir. Dört farklı kalınlıkta iki ayrı yazı tipi yüklemek, her ziyaretçiye birkaç yüz kilobayt ek yük bindirir. İki kalınlıkla yetinmek çoğu kurumsal site için yeterlidir. Yazı tiplerini uzak bir sunucudan değil kendi alan adınızdan sunmak da ek bir bağlantı kurulmasını önler.

Barındırma tarafında en kritik ölçü, sunucunun ilk yanıt süresidir. Çok ucuz paylaşımlı paketlerde bu süre tek başına bir saniyeyi bulabilir ve hiçbir görsel optimizasyonu bunu telafi etmez.

Ne zaman hız çalışması yapılmalı?

Hız, tasarım bittikten sonra eklenen bir katman değildir. Şablon seçimi, kaç görsel kullanılacağı ve hangi üçüncü taraf araçların ekleneceği kararları verilirken hız zaten belirlenmiş olur. Mevcut bir sitede iyileştirme yaparken de sıralama önemlidir: önce sunucu yanıtı ve görseller, sonra script’ler, en son ince ayarlar.

Yeniden tasarım kararı vermeden önce ölçüm yapmakta fayda var. Bazı sitelerde sorun tasarımda değil, birkaç büyük dosyada veya tek bir yavaş eklentidedir; bunlar siteyi baştan kurmadan çözülür.

Nasıl ölçülür?

PageSpeed Insights ve tarayıcıların geliştirici araçları, sayfanın nerede zaman kaybettiğini gösterir. Tek bir puana takılmak yerine, “ilk anlamlı içerik ne zaman görünüyor” ve “sayfa etkileşime ne zaman hazır” sorularına bakın. Ölçümü hem masaüstünde hem mobilde yapın.

Kendi bilgisayarınızdan yaptığınız testler yanıltıcı olabilir: sayfa tarayıcı önbelleğinizde durduğu için size hızlı görünür. Gizli sekmede ve mümkünse mobil veri bağlantısıyla deneyin. En sağlıklı yöntem, siteyi hiç ziyaret etmemiş birinden telefonunda açmasını ve hissettiğini anlatmasını istemektir. Ölçüm araçları nerede zaman kaybedildiğini söyler; gerçek kullanıcı ise bunun rahatsız edici olup olmadığını söyler.