Web Sitesi Hızı Nasıl Ölçülür ve Artırılır? İşletmeler İçin

Telefonunuzdan kendi sitenizi açtığınızda sayfa bir süre beyaz kalıyor, ardından yazılar zıplayarak yerine oturuyor ve menüye dokunduğunuzda tepki gecikiyorsa, aynı deneyimi müşterileriniz de yaşıyor. Üstelik çoğu, sizin gibi sabırla beklemiyor; geri tuşuna basıp bir sonraki sonuca geçiyor. İşin iyi tarafı, site hızını ölçmek de iyileştirmek de sanıldığı kadar karmaşık değil.

Ewreka ekibi olarak hız sorunu yaşayan sitelerde aynı birkaç nedenle tekrar tekrar karşılaşıyoruz. Aşağıda teknik terimleri sade bir dile çevirip hangi aracın neyi ölçtüğünü, en sık yavaşlık nedenlerini ve sırasıyla neler yapabileceğinizi anlatıyoruz.

Hız neden yalnızca "kaç saniyede açıldı" sorusu değil?

Bir sayfanın "açılması" aslında birkaç ayrı andan oluşur. Önce sunucu cevap verir, sonra ekranda ilk içerik belirir, ardından sayfanın ana görseli ya da başlığı yüklenir ve en sonunda sayfa dokunuşlara tepki verecek hâle gelir. Ziyaretçi için önemli olan, aradığı şeyi ne zaman gördüğü ve sayfayla ne zaman rahatça etkileşime geçebildiğidir.

Google bu deneyimi ölçmek için Core Web Vitals adını verdiği üç temel ölçüt kullanır. Bu ölçütler hem arama sonuçlarındaki sayfa deneyimi değerlendirmesinin bir parçasıdır hem de ziyaretçinin sitenizden memnun kalıp kalmayacağı hakkında iyi bir fikir verir. Yine de hız, sıralamayı belirleyen tek etken değildir; içeriğin kalitesi ve aramayla ilgisi her zaman önce gelir.

Core Web Vitals sade dille: LCP, INP ve CLS

LCP: Ana içerik ne zaman göründü?

Largest Contentful Paint, sayfanın ekrandaki en büyük öğesinin (genellikle üstteki büyük görsel ya da başlık) yüklenme süresidir. Ziyaretçinin "tamam, sayfa geldi" dediği anı temsil eder. Google, bu değerin 2,5 saniye veya altında olmasını "iyi" kabul ediyor.

INP: Dokununca ne kadar çabuk tepki veriyor?

Interaction to Next Paint, ziyaretçinin bir butona tıklaması, menüyü açması ya da forma yazması ile ekranın buna tepki vermesi arasındaki gecikmeyi ölçer. Google'ın eşiğine göre 200 milisaniye ve altı iyi sayılır. INP, 2024'te daha önce kullanılan FID ölçütünün yerini aldı.

CLS: Sayfa yüklenirken zıplıyor mu?

Cumulative Layout Shift, sayfa yüklenirken öğelerin beklenmedik şekilde kaymasını ölçer. Bir habere tıklamak üzereyken üstte reklam belirip linkin aşağı kaymasını hepimiz yaşamışızdır. CLS için 0,1 ve altı iyi kabul edilir.

Hızı nasıl ölçersiniz?

Ölçüm araçları iki tür veri gösterir ve bu ayrımı bilmek yanlış yorumların önüne geçer.

• Laboratuvar verisi: Sayfanın belirli bir cihaz ve bağlantı varsayımıyla o an test edilmesidir. Bir değişikliğin etkisini hemen görmek için idealdir, ama tek bir ölçümdür.
• Saha verisi: Sitenizi gerçekten ziyaret eden kullanıcıların deneyiminden toplanan veridir. Gerçeği daha iyi yansıtır, ancak yeterli ziyaretçi olmadan oluşmaz ve değişikliklerin yansıması zaman alır.

Başlangıç için şu araçlar yeterlidir:

• PageSpeed Insights: Adresinizi girdiğinizde hem saha verisini (varsa) hem de laboratuvar testini mobil ve masaüstü için ayrı ayrı gösterir.
• Google Search Console, Core Web Vitals raporu: Sitenizdeki hangi sayfa gruplarının sorunlu olduğunu saha verisiyle listeler.
• Tarayıcının geliştirici araçları: Hangi dosyanın ne kadar büyük olduğunu ve ne kadar sürede yüklendiğini tek tek görmenizi sağlar.
• Kendi telefonunuz: Mobil veriye geçip sitenizi gerçekten kullanın. Hiçbir rapor bu kadar dürüst değildir.

Hızlı bir genel durum tespiti için site analiz aracımızı da kullanabilirsiniz; hız ile birlikte temel teknik eksikleri tek ekranda görürsünüz. Testleri her zaman mobil sonuçları öncelikli okuyarak değerlendirin, çünkü sorunlar orada daha belirgin ortaya çıkar.

En sık yavaşlık nedenleri

Büyük ve optimize edilmemiş görseller

Projelerimizde en sık gördüğümüz neden açık ara budur. Fotoğraf makinesinden ya da telefondan çıkan görsel olduğu gibi yükleniyor; ekranda küçük bir kutuda görünen fotoğraf, aslında birkaç megabayt boyutunda ve olması gerekenden kat kat büyük çözünürlükte. Ana sayfadaki kayan görsel alanında bu görsellerden beş altı tane olunca sayfa doğal olarak ağırlaşıyor.

Fazla eklenti ve üçüncü taraf kodları

Her eklenti ve her harici kod (canlı destek balonu, sosyal medya akışı, birden fazla ölçüm kodu, harita, video) sayfaya ek dosya ve işlem yükü getirir. Tek tek masum görünürler ama toplamda INP ve yüklenme süresini ciddi biçimde etkilerler.

Yetersiz hosting ve önbellek eksikliği

Sunucu her ziyarette sayfayı sıfırdan oluşturuyorsa ve kaynakları kalabalık bir paylaşımlı ortamda bölüşüyorsa, ilk cevap süresi uzar. Önbellekleme yapılmaması, eski bir yazılım sürümünün kullanılması ve ziyaretçilere uzak bir sunucu konumu da aynı etkiyi yaratır. Hosting seçimi bu yüzden hızın temelidir.

Yazı tipleri ve ağır tema yapısı

Birden fazla yazı tipi ailesini çok sayıda kalınlıkla yüklemek ya da her sayfada kullanılmayan özelliklerle dolu bir tema kullanmak, görünmeyen ama sürekli taşınan bir yüktür.

Ana sayfada arka plan videosu ve ağır animasyonlar

Tam ekran arka plan videosu ya da kaydırdıkça hareket eden çok sayıda animasyon, tasarım sunumunda etkileyici görünür. Mobil veriyle siteye giren bir ziyaretçi içinse önce bu videonun inmesini beklemek anlamına gelir. Videonun gerçekten bir şey anlatıp anlatmadığını sorun; anlatıyorsa sayfanın daha aşağısına, ziyaretçinin isteğiyle oynatılacak şekilde yerleştirmek çoğu zaman daha iyi bir denge sağlar.

Adım adım iyileştirme planı

Hepsini aynı anda yapmanız gerekmez. Aşağıdaki sıra, en az emekle en çok kazanç sağlayan adımlardan başlar:

1. Görselleri küçültün. Görselleri ekranda göründükleri boyuta göre yeniden boyutlandırın ve sıkıştırın; mümkünse WebP gibi modern formatları kullanın. Bunun için görsel küçültücü aracımızı tarayıcınızda ücretsiz kullanabilirsiniz.
2. Görsellere boyut verin ve geç yükleme kullanın. Sayfanın alt kısımlarındaki görseller ancak ziyaretçi oraya geldiğinde yüklensin; üstteki ana görsel ise öncelikli yüklensin.
3. Eklenti ve harici kod envanteri çıkarın. Kullanılmayanları kaldırın, aynı işi yapan iki eklenti varsa birini bırakın.
4. Önbelleği açın. Sayfa önbelleği ve tarayıcı önbelleği doğru ayarlandığında tekrar eden ziyaretler belirgin şekilde hızlanır.
5. Kayan görsel alanını sorgulayın. Çoğu zaman tek, iyi seçilmiş bir görsel ve net bir başlık daha hızlı ve daha etkilidir.
6. Sunucuyu değerlendirin. Yukarıdakilere rağmen ilk cevap süresi yüksekse, hosting paketini ya da sunucu konumunu gözden geçirin.
7. Tekrar ölçün. Her değişiklikten sonra aynı sayfayı aynı araçla test edin ve sonuçları not edin.

Hızı korumak için ekip içi kurallar

Hız sorunu çözülen sitelerin bir kısmı birkaç ay sonra yeniden yavaşlıyor. Nedeni genellikle teknik değil, alışkanlık: Siteyi güncelleyen kişi yeni görselleri yine büyük boyutta yüklüyor, bir kampanya için eklenen kod kampanya bittikten sonra unutuluyor. Bunu önlemek için siteye içerik giren herkesin bildiği birkaç basit kural belirlemenizi öneririz:

• Görseller yüklenmeden önce mutlaka küçültülür; tam ekran görseller için bile makul bir genişlik sınırı belirlenir.
• Blog yazılarında ve ürün sayfalarında görsel sayısı içeriğin gerçekten ihtiyaç duyduğu kadardır.
• Videolar doğrudan siteye yüklenmez; bir video platformunda barındırılır ve sayfaya hafif bir önizlemeyle eklenir.
• Yeni bir eklenti ya da harici kod eklenmeden önce "bunu kaldırırsak ne kaybederiz?" sorusu sorulur.
• Kampanya, anket ve geçici açılır pencereler süresi dolunca kaldırılır.
• Önemli değişikliklerden sonra ana sayfa ve en çok ziyaret alan sayfalar yeniden test edilir.

Bu kuralları kısa bir not olarak paylaşmak, teknik bir müdahaleye gerek kalmadan sitenizin hızını aylar boyunca korumanızı sağlar.

Kendiniz mi yapmalısınız, uzmana mı bırakmalısınız?

Görselleri küçültmek, kullanılmayan eklentileri kapatmak ve gereksiz kodları kaldırmak, biraz dikkatle çoğu site sahibinin yapabileceği işlerdir. Bunları yapmadan önce sitenin yedeğini almayı ihmal etmeyin. Önbellek ayarları, komut dosyalarının yükleme sırası, sunucu yapılandırması ve tema kodunun sadeleştirilmesi ise yanlış yapıldığında siteyi bozabilecek işlemlerdir.

Bir de şunu belirtelim: Test aracındaki puanı tam yapmak tek başına bir hedef olmamalı. Amaç, gerçek ziyaretçilerinizin hızlı ve sorunsuz bir deneyim yaşaması. Bazen puanı birkaç basamak artırmak için vazgeçilmesi gereken bir özellik, işinize puandan daha çok katkı sağlıyordur. Doğru dengeyi bulmak, ölçümü işletmenin hedefleriyle birlikte okumayı gerektirir.

Sık sorulan sorular

Test aracında her seferinde farklı sonuç alıyorum, neden?

Laboratuvar testleri sunucunun o anki yüküne, ağ koşullarına ve test noktasına göre değişir. Birkaç kez ölçüp ortalamaya bakın ve uzun vadeli değerlendirme için saha verisini esas alın.

Masaüstünde hızlı, mobilde yavaş görünüyor. Hangisine güveneyim?

Mobil sonuca öncelik verin. Test araçları mobilde daha yavaş bir işlemci ve bağlantı varsayar; bu, ziyaretçilerinizin önemli bir kısmının gerçek koşullarına daha yakındır.

Hızlı site Google'da üst sıraya çıkar mı?

Hız tek başına sıralama getirmez. Ancak benzer kalitedeki içerikler arasında sayfa deneyimi fark yaratabilir ve yavaş site, gelen ziyaretçiyi kaybetmenize neden olur. Hızı, içerik ve teknik SEO ile birlikte düşünün.

Hosting değiştirmek tek başına yeterli olur mu?

Sorun sunucudaysa evet, belirgin fark yaratır. Ama sayfada büyük görseller ve ağır kodlar varsa en iyi sunucu bile siteyi tam olarak hızlandıramaz. Önce sayfanın kendisini hafifletmek genellikle daha ekonomiktir.

Hız iyileştirmesi kalıcı mıdır?

Yeni görseller, eklentiler ve kodlar eklendikçe site yeniden yavaşlayabilir. Birkaç ayda bir ölçüm yapmak ve yeni içerik eklerken görsel kurallarına uymak kazanımları korur.

Sitenizin hızını ölçtünüz ve neyin yavaşlattığını tek başına çözmek istemiyorsanız, site hızlandırma hizmetimiz kapsamında ölçüm, iyileştirme ve tekrar ölçüm adımlarını sizin için uçtan uca yürütebiliriz.