Technical SEO

Sayfa Hızı Nasıl İyileştirilir

13 dk okuma

Sayfa hızı hem bir sıralama faktörü hem de bir kullanıcı deneyimi faktörüdür. Yavaş sayfalar ziyaretçi kaybettirir, dönüşümleri azaltır ve arama sonuçlarında daha alt sıralarda yer alır. Google'ın araştırmaları, sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma olasılığının %32 arttığını gösteriyor. Bu rehber, sitenizi hızlandırmak için en yüksek etkili optimizasyonları kapsar.

learn.sections.stepByStep

Benchmark Current Performance

Test your key pages using PageSpeed Insights, WebPageTest, and Chrome DevTools. Record your current metrics: Time to First Byte (TTFB), Largest Contentful Paint (LCP), total page weight, and number of requests. Test multiple page types: homepage, category pages, product pages, and blog posts.

Optimize Images

Images typically account for 50-70% of page weight. Convert to WebP or AVIF formats, serve responsive sizes using srcset, compress without visible quality loss, and lazy-load below-the-fold images. A single unoptimized hero image can add 2-3 seconds to your LCP.

Reduce and Optimize JavaScript

Audit your JavaScript bundles to identify and remove unused code. Split large bundles with code splitting so users only download what they need. Defer non-critical scripts, move analytics and tracking to load after the page is interactive, and consider lighter alternatives to heavy libraries.

Optimize CSS Delivery

Inline critical CSS needed for above-the-fold rendering directly in the HTML. Load the rest asynchronously. Remove unused CSS rules -- most sites ship 10-20x more CSS than any single page uses. Minify all stylesheets and combine small files to reduce HTTP requests.

Implement Server-Side Optimizations

Reduce Time to First Byte by enabling server-level caching, using a CDN, and optimizing database queries. Enable gzip or Brotli compression for text-based assets. Set proper cache headers so returning visitors don't re-download unchanged resources.

Optimize Web Fonts

Fonts can block text rendering for seconds. Use font-display: swap to show fallback text immediately. Subset fonts to include only the characters you use. Self-host fonts instead of loading from third-party CDNs to reduce DNS lookups and leverage your existing caching.

Mevcut Performansı Kıyaslayın

Sayfalarınızı PageSpeed Insights, WebPageTest ve Chrome DevTools kullanarak test edin. Mevcut metriklerinizi kaydedin: Time to First Byte (TTFB), Largest Contentful Paint (LCP), toplam sayfa ağırlığı ve istek sayısı. Ana sayfa, kategori sayfaları, ürün sayfaları ve blog gönderileri gibi birden fazla sayfa türünü test edin.

Görselleri Optimize Edin

Görseller genellikle sayfa ağırlığının %50-70'ini oluşturur. WebP veya AVIF formatlarına dönüştürün, srcset kullanarak responsive boyutlar sunun, görünür bir kalite kaybı olmadan sıkıştırın ve ekranın alt kısmında kalan görseller için lazy-load (tembel yükleme) uygulayın. Optimize edilmemiş tek bir hero görseli bile LCP sürenize 2-3 saniye ekleyebilir.

JavaScript'i Azaltın ve Optimize Edin

Kullanılmayan kodları tanımlamak ve kaldırmak için JavaScript paketlerinizi denetleyin. Kullanıcıların sadece ihtiyaç duyduklarını indirmeleri için büyük paketleri kod bölme (code splitting) yöntemiyle ayırın. Kritik olmayan script'leri erteleyin, analiz ve izleme araçlarını sayfa etkileşimli hale geldikten sonra yüklenecek şekilde taşıyın ve ağır kütüphanelere daha hafif alternatifleri değerlendirin.

CSS Teslimatını Optimize Edin

Ekranın üst kısmındaki (above-the-fold) render işlemi için gerekli olan kritik CSS'i doğrudan HTML içine gömün. Kalanını asenkron olarak yükleyin. Kullanılmayan CSS kurallarını kaldırın; çoğu site, tek bir sayfanın kullandığından 10-20 kat daha fazla CSS gönderir. Tüm stil dosyalarını küçültün (minify) ve HTTP isteklerini azaltmak için küçük dosyaları birleştirin.

Sunucu Tarafı Optimizasyonları Uygulayın

Sunucu düzeyi önbellekleme, CDN kullanımı ve veritabanı sorgularının optimizasyonu ile Time to First Byte süresini azaltın. Metin tabanlı varlıklar için gzip veya Brotli sıkıştırmasını etkinleştirin. Geri dönen ziyaretçilerin değişmeyen kaynakları tekrar indirmemesi için doğru önbellek başlıklarını ayarlayın.

Web Yazı Tiplerini (Fonts) Optimize Edin

Yazı tipleri metin görüntülemeyi saniyelerce engelleyebilir. Yedek metni hemen göstermek için font-display: swap kullanın. Yazı tiplerini sadece kullandığınız karakterleri içerecek şekilde alt kümelere (subset) ayırın. DNS aramalarını azaltmak ve mevcut önbelleklemenizden yararlanmak için üçüncü taraf CDN'lerden yüklemek yerine yazı tiplerini kendi sunucunuzda barındırın.

Profesyonel İpuçları

Start with your highest-traffic pages. Optimizing your top 10 pages by traffic usually delivers more impact than optimizing your entire site, and you learn which techniques work best for your stack.
Set a performance budget: maximum 200KB JavaScript, 500KB total page weight, and 3-second LCP. Enforce these in your build pipeline to prevent regressions.
Use the Coverage tab in Chrome DevTools to find unused CSS and JavaScript. Most sites can eliminate 30-50% of their CSS payload this way.
En yüksek trafiğe sahip sayfalarınızdan başlayın. Trafik açısından ilk 10 sayfanızı optimize etmek, genellikle tüm sitenizi optimize etmekten daha fazla etki yaratır ve kendi sisteminiz için hangi tekniklerin en iyi sonucu verdiğini öğrenirsiniz.
Bir performans bütçesi belirleyin: maksimum 200KB JavaScript, 500KB toplam sayfa ağırlığı ve 3 saniyelik LCP. Gerilemeleri önlemek için bunları build hattınızda zorunlu tutun.
Kullanılmayan CSS ve JavaScript'leri bulmak için Chrome DevTools'taki Coverage sekmesini kullanın. Çoğu site, bu yolla CSS yükünün %30-50'sini ortadan kaldırabilir.

Kaçınılması Gereken Yaygın Hatalar

Compressing without resizing images

Compressing a 4000x3000 pixel image to WebP helps, but serving a 400x300 pixel version saves 10x more bandwidth. Always resize images to the maximum display size before compressing.

Loading everything in the head

Placing all scripts and stylesheets in the HTML head blocks rendering. Only critical resources should load in the head. Move everything else to the end of the body or load it asynchronously.

Over-relying on CDN caching

A CDN speeds up delivery but doesn't fix a slow origin server or bloated page. If your page generates in 2 seconds on the server and the CDN cache expires every 5 minutes, most users still experience the slow origin response.

Görselleri boyutlandırmadan sıkıştırmak

4000x3000 piksellik bir görseli WebP olarak sıkıştırmak yardımcı olur, ancak 400x300 piksellik bir sürüm sunmak 10 kat daha fazla bant genişliği tasarrufu sağlar. Sıkıştırmadan önce görselleri her zaman maksimum görüntüleme boyutuna getirin.

Her şeyi head içinde yüklemek

Tüm script ve stil dosyalarını HTML head kısmına yerleştirmek render işlemini engeller. Yalnızca kritik kaynaklar head içinde yüklenmelidir. Geri kalan her şeyi body'nin sonuna taşıyın veya asenkron olarak yükleyin.

CDN önbelleklemesine aşırı güvenmek

Bir CDN teslimatı hızlandırır ancak yavaş bir kaynak sunucuyu veya şişirilmiş bir sayfayı düzeltmez. Sayfanız sunucuda 2 saniyede oluşuyorsa ve CDN önbelleği her 5 dakikada bir doluyorsa, kullanıcıların çoğu yine de yavaş kaynak yanıtını deneyimler.

Keyword Kick İşi Nasıl Kolaylaştırır

Automated page speed testing across all site pages with specific optimization recommendations
Historical performance tracking to measure the impact of speed improvements over time
Core Web Vitals monitoring that connects speed metrics to ranking changes
Tüm site sayfalarında otomatik sayfa hızı testi ve özel optimizasyon önerileri
Hız iyileştirmelerinin zaman içindeki etkisini ölçmek için geçmişe dönük performans takibi
Hız metriklerini sıralama değişimleriyle ilişkilendiren Core Web Vitals izleme

learn.sections.faq

How fast should my website load?

Aim for a Largest Contentful Paint under 2.5 seconds and a Time to First Byte under 600 milliseconds. For e-commerce sites, every additional second of load time reduces conversions by approximately 7%. Faster is always better, but these thresholds satisfy Google's performance requirements.

Does page speed really affect SEO rankings?

Yes. Page speed is a confirmed ranking factor, and Core Web Vitals are part of Google's Page Experience signals. In competitive niches where content quality is similar, faster sites consistently outrank slower ones.

Which has more impact: server speed or front-end optimization?

It depends on your current bottleneck. If your TTFB is over 1 second, server optimization will have the biggest impact. If TTFB is fast but LCP is slow, front-end optimizations (images, CSS, JavaScript) will help more. Test both to identify your specific bottleneck.

Web sitem ne kadar hızlı yüklenmeli?

2.5 saniyenin altında bir Largest Contentful Paint ve 600 milisaniyenin altında bir Time to First Byte hedefleyin. E-ticaret siteleri için, her bir saniyelik ek yükleme süresi dönüşümleri yaklaşık %7 oranında azaltır. Daha hızlı olması her zaman daha iyidir ancak bu eşikler Google'ın performans gereksinimlerini karşılar.

Sayfa hızı gerçekten SEO sıralamalarını etkiler mi?

Evet. Sayfa hızı doğrulanmış bir sıralama faktörüdür ve Core Web Vitals, Google'ın Sayfa Deneyimi sinyallerinin bir parçasıdır. İçerik kalitesinin benzer olduğu rekabetçi nişlerde, daha hızlı siteler tutarlı bir şekilde yavaş olanların önüne geçer.

Hangisinin etkisi daha fazla: sunucu hızı mı yoksa ön uç optimizasyonu mu?

Bu, mevcut darboğazınıza bağlıdır. TTFB süreniz 1 saniyenin üzerindeyse, sunucu optimizasyonu en büyük etkiyi yaratacaktır. TTFB hızlı ancak LCP yavaşsa, ön uç optimizasyonları (görseller, CSS, JavaScript) daha fazla yardımcı olacaktır. Özel darboğazınızı belirlemek için her ikisini de test edin.

learn.cta.button