İçeriğe geç

Web Tasarım

Web sitesi hızını artıran 8 teknik iyileştirme

Yavaş açılan bir site ziyaretçiyi de arama motorunu da kaybettirir. Tasarımı bozmadan uygulanabilecek, etkisi ölçülebilir iyileştirmeleri derledik.

6 dk okuma
Web sitesi hızını artıran 8 teknik iyileştirme

Ağırlığın büyük kısmı görsellerde

Ortalama bir kurumsal sayfada indirilen verinin yarısından fazlası görsellerdir. Doğrudan fotoğraf makinesinden çıkmış bir görselin sayfaya konması, ziyaretçinin gereksiz yere birkaç megabayt indirmesi demektir.

Yapılacak iş basit: görselleri kullanılacak boyutta üretmek, WebP gibi modern bir biçime çevirmek ve ekranda görünmeyenleri lazy loading ile ertelemek. Bu üç adım çoğu sitede yükleme süresini yarıya indiriyor.

Her görsele width ve height vermeyi de unutmayın; tarayıcı yeri baştan ayırdığı için sayfa açılırken içerik zıplamaz.

Yazı tipleri ve üçüncü parti betikler

Dışarıdan çekilen yazı tipleri, tarayıcının metni çizmeden önce beklemesine yol açar. Yazı tiplerini kendi sunucunuzdan sunmak, yalnızca kullandığınız kalınlıkları yüklemek ve font-display ayarını doğru vermek, ilk görünen metnin çok daha erken çıkmasını sağlar.

Üçüncü parti betikler ise sayfanın en sinsi yüküdür. Yıllar içinde eklenmiş analiz, sohbet, harita ve reklam kodları birikir; hiçbiri tek başına ağır değildir ama toplamı sayfayı belirgin şekilde yavaşlatır.

Her projede bu listeyi tek tek gözden geçiriyoruz: gerçekten kullanılmayan her betik siliniyor, kalanlar mümkün olduğunca ertelemeli yükleniyor.

Önbellekleme ve sunucu tarafı

Değişmeyen dosyalar için uzun süreli tarayıcı önbelleği tanımlamak, geri dönen ziyaretçiye neredeyse anında açılan bir sayfa sunar. Sunucu tarafında ise sayfa önbelleği, sık değişmeyen içeriklerde veritabanına hiç gitmeden yanıt vermeyi mümkün kılar.

Sıkıştırma (gzip veya brotli) ve HTTP/2 desteği çoğu modern sunucuda tek bir ayarla açılır; kapalı kaldığı durumlarda ise gereksiz yere kat kat fazla veri aktarılır.

Bunlar tasarıma hiç dokunmadan yapılan işlerdir: site görsel olarak aynı kalır, yalnızca daha hızlı açılır.

Ölçmeden iyileştirme olmaz

Hız çalışmasına başlamadan önce mevcut durumu ölçün ve kaydedin. PageSpeed Insights ve tarayıcının kendi geliştirici araçları, hangi kaynağın ne kadar sürdüğünü ayrıntısıyla gösterir.

Ölçüm yapılmadan atılan adımların büyük kısmı tahmine dayanır ve çoğu zaman asıl darboğaza dokunmaz. Önce en ağır üç kaynağı bulmak, sonra sırayla onları ele almak en kısa yoldur.

Devamı

Diğer yazılarımız

KVKK uyumlu bir web sitesi nasıl olur?
KVKK

KVKK uyumlu bir web sitesi nasıl olur?

Aydınlatma metni koymak tek başına uyumluluk değildir. Sitenizde hangi verinin nasıl toplandığını ve nelerin yazılı olması gerektiğini anlatıyoruz.

7 dk okuma
Site yenilerken SEO'yu kaybetmeden taşınma rehberi
SEO

Site yenilerken SEO'yu kaybetmeden taşınma rehberi

Yeni site açıldıktan sonra düşen trafiğin sebebi genellikle tasarım değil, taşınmada atlanan birkaç teknik adımdır. Sırasıyla ne yapılması gerektiğini anlatıyoruz.

7 dk okuma

Kahvemizi içerken
projenizi konuşalım.

Fikrinizi paylaşın; kapsam, süre ve bütçe için 24 saat içinde net bir teklif hazırlayalım.

WhatsApp ile yazın

Deneyiminizi iyileştirmek için zorunlu çerezler kullanıyoruz. Ayrıntılar için Çerez Politikası sayfasını inceleyebilirsiniz.

Ayrıntılar