Bir web sitesinin hızlı açılması, kullanıcıların sayfalarda daha rahat gezinmesini ve aradıkları içeriğe daha kısa sürede ulaşmasını sağlar. Yavaş açılan sayfalar ise kullanıcıların siteyi terk etmesine, ürünleri incelememesine veya iletişim formunu tamamlamamasına neden olabilir.

Web sitesi performansını ölçmek için kullanılan en bilinen araçlardan biri Google PageSpeed Insights platformudur. Bu araç, analiz edilen sayfanın mobil ve masaüstü cihazlardaki performansını değerlendirerek geliştirilebilecek alanları gösterir.

PageSpeed Insights yalnızca web sitesine bir puan vermekle kalmaz. Sayfanın yüklenme performansı, kullanıcı etkileşimlerine verdiği tepki, görsel kararlılığı, sunucu yanıt süresi ve kullanılan kaynaklar hakkında ayrıntılı bilgiler sunar.

Ancak PageSpeed Insights raporunu doğru yorumlamak önemlidir. Tek başına yüksek puana ulaşmaya çalışmak yerine gerçek kullanıcı deneyimini olumsuz etkileyen sorunlara odaklanılmalıdır.

Bu rehberde Google PageSpeed Insights nedir, nasıl kullanılır, rapordaki metrikler ne anlama gelir ve web sitesi performansı nasıl geliştirilebilir gibi sorular ayrıntılı biçimde cevaplanmıştır.

Google PageSpeed Insights Nedir?

Google PageSpeed Insights, bir web sayfasının mobil ve masaüstü cihazlardaki performansını analiz eden ücretsiz bir Google aracıdır.

Araç, analiz edilen URL için iki farklı veri türünden yararlanabilir:

Gerçek kullanıcı verileri
Laboratuvar testi verileri

Gerçek kullanıcı verileri, uygun miktarda kullanıcı verisi bulunan sayfalarda Chrome kullanıcılarının yaşadığı gerçek deneyimi gösterir. Laboratuvar verileri ise sayfanın kontrollü ve simüle edilmiş bir ortamda Lighthouse ile test edilmesi sonucunda oluşturulur.

PageSpeed Insights raporunda genel olarak şu alanlar incelenebilir:

Core Web Vitals değerlendirmesi
Mobil performans
Masaüstü performansı
Largest Contentful Paint
Interaction to Next Paint
Cumulative Layout Shift
First Contentful Paint
Speed Index
Total Blocking Time
Sunucu yanıtı
Görsel optimizasyonu
JavaScript ve CSS kullanımı
Önbellekleme ayarları
Erişilebilirlik
En iyi uygulamalar
Temel SEO kontrolleri

Aracın kullanım alanlarını özetleyen Google PageSpeed Insights içeriği de performans analizine başlamadan önce incelenebilir.

PageSpeed Insights Ne İşe Yarar?

PageSpeed Insights, web sitesinin performans sorunlarını belirlemeye ve bu sorunları önceliklendirmeye yardımcı olur.

Araç şu amaçlarla kullanılabilir:

Sayfanın mobil cihazlardaki hızını ölçmek
Masaüstü performansını değerlendirmek
Core Web Vitals sonuçlarını incelemek
Gerçek kullanıcıların yaşadığı deneyimi görmek
Büyük ve geç yüklenen görselleri belirlemek
Sayfayı engelleyen CSS ve JavaScript kaynaklarını tespit etmek
Kullanılmayan kodları bulmak
Sunucu yanıt süresini değerlendirmek
Önbellekleme sorunlarını incelemek
Sayfa yüklenirken hareket eden öğeleri tespit etmek
Üçüncü taraf kodların performans etkisini görmek
Yapılan optimizasyonların sonucunu karşılaştırmak
Mobil kullanıcı deneyimini geliştirmek
Teknik SEO denetimini desteklemek

PageSpeed Insights, web sitesinin bütün SEO durumunu tek başına analiz etmez. Performans ve sayfa deneyimi ağırlıklı bir araçtır. Kapsamlı değerlendirme için teknik SEO ve içerik analizleriyle birlikte kullanılmalıdır.

Web Sitesi Hızı Neden Önemlidir?

Web sitesi hızı yalnızca teknik bir konu değildir. Kullanıcı deneyimi, dönüşüm ve dijital pazarlama performansını doğrudan etkileyebilir.

Yavaş açılan bir web sitesinde kullanıcılar:

Sayfanın açılmasını beklemeden ayrılabilir.
Diğer sayfaları ziyaret etmeyebilir.
Ürünleri incelemeyi bırakabilir.
Sepete ürün eklemeyebilir.
Ödeme işlemini tamamlamayabilir.
İletişim formunu doldurmayabilir.
Markayı güvenilir bulmayabilir.
Başka bir web sitesine yönelebilir.

Hızlı ve kararlı bir web sitesi ise:

Kullanıcıların içeriğe daha kısa sürede ulaşmasını sağlar.
Mobil deneyimi geliştirir.
Sayfalar arasındaki geçişi kolaylaştırır.
Dönüşüm ihtimalini destekler.
Reklam trafiğinin daha verimli kullanılmasına yardımcı olur.
Teknik SEO altyapısını güçlendirir.

Sayfa hızı, SEO’nun tek belirleyicisi değildir. Bununla birlikte teknik açıdan yavaş ve kullanılması zor bir web sitesi, kaliteli içeriklerden elde edilebilecek verimi azaltabilir.

PageSpeed Insights Nasıl Çalışır?

PageSpeed Insights, analiz edilen sayfayı farklı veri kaynakları ve metrikler üzerinden değerlendirir.

Rapor iki temel bölümden oluşur:

Gerçek kullanıcı deneyimi

Bu bölüm, yeterli veri bulunan sayfalarda gerçek Chrome kullanıcılarının belirli bir dönem boyunca yaşadığı performans deneyimini gösterir.

Bu veriler:

Farklı cihazları
Farklı internet bağlantılarını
Farklı coğrafi konumları
Gerçek kullanıcı davranışlarını
Farklı donanım kapasitelerini

içerebilir.

Gerçek kullanıcı verileri, web sitesinin yalnızca test cihazında değil gerçek ziyaretçilerde nasıl çalıştığını anlamaya yardımcı olur.

Performans sorunlarını teşhis etme

Bu bölümde sayfa, Lighthouse tarafından simüle edilmiş bir ortamda test edilir.

Laboratuvar testi:

Tek bir test çalıştırmasıdır.
Kontrollü koşullarda gerçekleştirilir.
Sayfa yükleme sürecini ayrıntılı analiz eder.
Optimizasyon fırsatlarını gösterir.
Geliştiricilerin sorunları teşhis etmesine yardımcı olur.

Gerçek kullanıcı verileri “Kullanıcılar ne yaşıyor?” sorusuna cevap verirken laboratuvar verileri “Sorunun nedeni ne olabilir?” sorusunu yanıtlamaya yardımcı olur.

Saha Verisi ile Laboratuvar Verisi Arasındaki Fark

PageSpeed Insights raporunu yorumlarken en fazla karıştırılan konulardan biri saha verisi ile laboratuvar verisi arasındaki farktır.

Kriter	Saha verisi	Laboratuvar verisi
Veri kaynağı	Gerçek kullanıcı deneyimleri	Simüle edilmiş Lighthouse testi
Ölçüm dönemi	Geçmiş kullanıcı verileri	Testin yapıldığı an
Kullanıcı çeşitliliği	Farklı cihaz ve bağlantılar	Belirli test koşulu
Güncelleme	Geçmiş döneme göre yenilenir	Her testte yeniden oluşur
Kullanım amacı	Gerçek deneyimi değerlendirmek	Sorunları teşhis etmek
Veri bulunabilirliği	Yeterli trafik gerektirir	Her erişilebilir sayfada çalışabilir
Sonuç değişimi	Daha yavaş değişir	Testler arasında değişebilir
Core Web Vitals	Asıl değerlendirme kaynağıdır	Tanılama amacıyla kullanılabilir

Bir web sitesi laboratuvar testinde yüksek puan alırken gerçek kullanıcı verilerinde zayıf sonuç gösterebilir. Bunun tersi de mümkündür.

Bu farklılığın nedenleri şunlar olabilir:

Kullanıcıların daha yavaş cihazlar kullanması
Mobil bağlantıların zayıf olması
Kullanıcıların farklı ülkelerden bağlanması
Çerez ve reklam sistemlerinin gerçek kullanıcılarda devreye girmesi
Test sırasında önbellek durumunun farklı olması
Kullanıcıların sayfayla etkileşim biçimi
A/B testleri
Dinamik içerikler
Üçüncü taraf servisler
Sunucunun dönemsel yoğunluğu

Bu nedenle yalnızca laboratuvar puanına bakılarak web sitesinin bütün kullanıcılar için hızlı olduğu sonucuna varılmamalıdır.

PageSpeed Insights Nasıl Kullanılır?

PageSpeed Insights kullanmak için özel bir üyelik veya ücretli hesaba ihtiyaç duyulmaz.

Analiz edilecek URL’yi belirleyin

Öncelikle test etmek istediğiniz sayfanın tam adresini belirleyin.

Örnek sayfa türleri:

Ana sayfa
Hizmet sayfası
Blog içeriği
Ürün sayfası
Ürün kategorisi
İletişim sayfası
Kampanya sayfası
Landing page

Yalnızca ana sayfayı test etmek yeterli değildir. Bir web sitesindeki farklı sayfa türleri farklı tasarım, görsel, kod ve eklentiler kullanabilir.

URL’yi analiz alanına girin

PageSpeed Insights aracındaki analiz alanına sayfanın tam URL’sini yazın.

URL girerken:

HTTPS sürümünü kullanın.
Yönlendirme içeren eski adres yerine son URL’yi test edin.
Parametreli ve parametresiz sürümleri ayırın.
Mobil yönlendirme varsa doğru sürümü inceleyin.
Sayfanın dışarıdan erişilebilir olduğundan emin olun.

Analizi başlatın

Analiz işlemi başlatıldığında araç sayfayı tarar ve performans raporunu oluşturur.

Sayfanın yapısına ve test yoğunluğuna bağlı olarak sonuçların görüntülenmesi kısa bir süre alabilir.

Mobil ve masaüstü sonuçlarını ayrı inceleyin

PageSpeed Insights, mobil ve masaüstü raporlarını ayrı sekmelerde gösterir.

Öncelikle mobil sonuçların incelenmesi önerilir. Mobil cihazlar genellikle:

Daha düşük işlemci kapasitesine
Daha sınırlı belleğe
Daha değişken internet bağlantısına
Daha küçük ekranlara

sahiptir.

Masaüstünde yüksek puan alan bir sayfa mobil testte düşük performans gösterebilir. Bu nedenle iki rapor ayrı değerlendirilmelidir.

Mobil deneyimi geliştirmek için mobil SEO ve responsive web tasarım prensipleri birlikte uygulanmalıdır.

PageSpeed Insights Puanları Ne Anlama Gelir?

Lighthouse laboratuvar testi sonucunda performans için 0 ile 100 arasında bir puan oluşturulur.

Puan aralığı	Değerlendirme	Genel anlamı
90-100	İyi	Sayfa laboratuvar testinde güçlü performans göstermiştir
50-89	İyileştirme gerekiyor	Performansı etkileyen belirli sorunlar bulunur
0-49	Zayıf	Önemli performans sorunları bulunabilir

Puanın yeşil olması sayfanın bütün kullanıcılarda kusursuz çalıştığını göstermez. Puan yalnızca belirli test koşullarındaki laboratuvar sonucudur.

PageSpeed puanı neden değişir?

Aynı sayfa arka arkaya test edildiğinde farklı puanlar alınabilir.

Bunun nedenleri arasında:

Sunucu yoğunluğu
Ağ koşulları
Dinamik reklamlar
Üçüncü taraf istekler
A/B testleri
Harici yazı tipleri
Önbellek durumu
API yanıtları
Test ortamındaki değişimler
Rastlantısal JavaScript işlemleri

bulunabilir.

Bu nedenle bir test sonucuna göre karar vermek yerine:

Birkaç test yapmak
Sonuçların ortalamasını değerlendirmek
Aynı URL’yi benzer koşullarda test etmek
Büyük değişiklikleri takip etmek
Gerçek kullanıcı verilerini incelemek

daha doğru bir yaklaşımdır.

PageSpeed Puanı 100 Olmak Zorunda mı?

Bir web sitesinin mutlaka 100 puan alması gerekmez.

Yüz puana ulaşmak için işlevsel özelliklerin, analiz araçlarının veya kullanıcı deneyimi açısından gerekli bazı unsurların kaldırılması doğru olmayabilir.

Örneğin:

Canlı destek sistemi
Harita entegrasyonu
Video
Analiz kodu
Reklam etiketi
Gelişmiş form sistemi
Kullanıcı yorumları
Kişiselleştirme

sayfa performansını etkileyebilir. Ancak bu özelliklerin işletmeye sağladığı değer de değerlendirilmelidir.

Amaç yalnızca puanı yükseltmek değil:

Sayfanın hızlı açılmasını
Kullanıcı etkileşimlerine hızlı cevap vermesini
İçeriğin hareket etmemesini
Dönüşüm özelliklerinin düzgün çalışmasını
Gerçek kullanıcı deneyiminin gelişmesini

sağlamaktır.

Core Web Vitals Nedir?

Core Web Vitals, web sayfalarının gerçek kullanıcı deneyimini yükleme, etkileşim ve görsel kararlılık açısından değerlendiren temel metriklerdir.

Güncel temel metrikler şunlardır:

Largest Contentful Paint
Interaction to Next Paint
Cumulative Layout Shift

Metrik	Ölçtüğü alan	İyi	İyileştirme gerekiyor	Zayıf
LCP	Ana içeriğin yüklenme süresi	2,5 saniye ve altı	2,5-4 saniye	4 saniyenin üzeri
INP	Etkileşimlere verilen yanıt	200 ms ve altı	200-500 ms	500 ms üzeri
CLS	Beklenmedik düzen kaymaları	0,1 ve altı	0,1-0,25	0,25 üzeri

Core Web Vitals değerlendirmesinde yalnızca ortalama değer kullanılmaz. Kullanıcı deneyimlerinin büyük bölümünü temsil eden yüzdelik değerler dikkate alınır.

Largest Contentful Paint Nedir?

Largest Contentful Paint, sayfanın görünen alanındaki en büyük ana içerik öğesinin ne kadar sürede görüntülendiğini ölçer.

LCP öğesi şu unsurlardan biri olabilir:

Büyük banner görseli
Hero görseli
Büyük metin bloğu
Video kapak görseli
Ürün görseli
Sayfanın ana başlık alanı

İyi bir kullanıcı deneyimi için LCP değerinin 2,5 saniye veya daha kısa olması hedeflenir.

LCP hakkında ayrıntılı bilgi için Largest Contentful Paint rehberi incelenebilir.

LCP neden yüksek çıkar?

Büyük hero görseli
Yavaş sunucu
Harici yazı tipleri
Render engelleyen CSS
Geç yüklenen ana görsel
JavaScript ile oluşturulan ana içerik
Çok sayıda yönlendirme
Yetersiz önbellekleme
Uzak sunucu konumu
Ana görselin lazy load ile geciktirilmesi

LCP nasıl iyileştirilir?

Hero görselini sıkıştırın.
Görseli uygun boyutta yükleyin.
Yeni nesil görsel formatlarını değerlendirin.
Ana görseli gereksiz lazy load işleminden çıkarın.
Kritik kaynağın erken yüklenmesini sağlayın.
Sunucu yanıt süresini düşürün.
Kritik CSS yapısını geliştirin.
Gereksiz yönlendirmeleri kaldırın.
CDN kullanın.
Yazı tiplerini optimize edin.

Interaction to Next Paint Nedir?

Interaction to Next Paint, kullanıcının sayfayla gerçekleştirdiği etkileşimlere web sitesinin ne kadar hızlı görsel yanıt verdiğini ölçer.

Bu etkileşimler şunlar olabilir:

Butona tıklama
Menü açma
Form alanına dokunma
Sekme değiştirme
Ürün seçeneği belirleme
Açılır alan kullanma
Sepete ekleme
Mobil menüyü açma

İyi bir kullanıcı deneyimi için INP değerinin 200 milisaniye veya daha kısa olması hedeflenir.

INP neden yüksek çıkar?

Yoğun JavaScript kullanımı
Uzun ana iş parçacığı görevleri
Ağır üçüncü taraf kodlar
Karmaşık DOM yapısı
Çok sayıda olay dinleyicisi
Büyük JavaScript paketleri
Gereksiz yeniden hesaplama
Ağır animasyonlar
Kullanıcı etkileşiminden sonra uzun veri işleme
Zayıf cihazlarda yüksek işlem yükü

INP nasıl iyileştirilir?

JavaScript kodunu azaltın.
Kullanılmayan kodları kaldırın.
Büyük görevleri küçük parçalara ayırın.
Üçüncü taraf scriptleri sınırlandırın.
Kullanıcı etkileşimlerini önceliklendirin.
Gereksiz DOM güncellemelerini azaltın.
Uzun işlemleri ana iş parçacığından ayırın.
Form ve menü kodlarını sadeleştirin.
Büyük bileşenlerin tamamını yeniden oluşturmaktan kaçının.
Gerçek cihazlarda test yapın.

Cumulative Layout Shift Nedir?

Cumulative Layout Shift, sayfa yüklenirken kullanıcı müdahalesi olmadan gerçekleşen beklenmedik düzen hareketlerini ölçer.

Örneğin kullanıcı bir butona tıklamak üzereyken üst alana yeni bir görsel yüklenerek butonun aşağı kayması kötü bir deneyim oluşturur.

İyi bir kullanıcı deneyimi için CLS değerinin 0,1 veya daha düşük olması hedeflenir.

CLS neden yüksek çıkar?

Boyut bilgisi belirtilmeyen görseller
Sonradan yüklenen reklamlar
Yüksekliği belirlenmemiş iframe alanları
Web fontlarının geç yüklenmesi
Sayfanın üstüne sonradan eklenen bildirimler
Dinamik ürün veya kampanya alanları
Çerez kutusunun içeriği itmesi
Slider yüksekliğinin değişmesi
Form hata mesajlarının alan ayırmadan eklenmesi

CLS nasıl iyileştirilir?

Görsellere genişlik ve yükseklik değerleri verin.
Reklam alanları için önceden yer ayırın.
Iframe boyutlarını belirleyin.
Font yükleme stratejisini optimize edin.
Dinamik içerikleri mevcut alan içerisinde gösterin.
Sayfanın üstüne sonradan içerik eklemeyin.
Slider görsellerini aynı oranlarda hazırlayın.
Form mesajları için sabit alan oluşturun.
Çerez bildirimini ekran üzerinde katman olarak tasarlayın.
Animasyonlarda düzeni değiştiren özellikler yerine uygun dönüşümler kullanın.

First Contentful Paint Nedir?

First Contentful Paint, kullanıcının sayfada ilk metin, görsel veya diğer içerik öğesini görmeye başladığı zamanı ölçer.

FCP, sayfanın tamamen yüklendiğini göstermez. Kullanıcıya ilk görsel geri bildirimin ne zaman verildiğini gösterir.

FCP değerini etkileyebilecek unsurlar:

Sunucu yanıt süresi
Yönlendirmeler
CSS dosyaları
Web fontları
JavaScript
Önbellekleme
HTML boyutu
Ağ koşulları

FCP’nin düşük olması, kullanıcının boş ekranla daha kısa süre karşılaşmasına yardımcı olur.

Speed Index Nedir?

Speed Index, sayfanın görünen bölümündeki içeriklerin ne kadar hızlı görsel olarak tamamlandığını değerlendiren laboratuvar metriğidir.

Speed Index değerini geliştirmek için:

Görünen alandaki kaynakları önceliklendirin.
Büyük görselleri optimize edin.
Kritik CSS kullanın.
Render engelleyen kaynakları azaltın.
Ana içerik dışındaki görselleri daha sonra yükleyin.
Üst bölümde ağır slider ve videoları sınırlandırın.

Total Blocking Time Nedir?

Total Blocking Time, ana iş parçacığının uzun görevler nedeniyle kullanıcı girişlerine cevap veremediği toplam süreyi ölçen laboratuvar metriğidir.

TBT özellikle JavaScript ağırlıklı sayfalarda önemli bir teşhis metriğidir.

Yüksek TBT şu sorunlarla ilişkili olabilir:

Büyük JavaScript dosyaları
Uzun süren script işlemleri
Çok sayıda üçüncü taraf kod
Karmaşık sayfa oluşturma
Gereksiz eklentiler
Yoğun animasyonlar
Çok büyük DOM yapısı

TBT laboratuvar ortamında ölçülür. Gerçek kullanıcı etkileşimleri açısından INP verileriyle birlikte değerlendirilmelidir.

Time to First Byte Nedir?

Time to First Byte, kullanıcının isteği sonrasında sunucudan ilk veri parçasının gelmesine kadar geçen süreyi ifade eder.

TTFB şu aşamalardan etkilenebilir:

DNS çözümlemesi
Ağ bağlantısı
SSL bağlantısı
Sunucu işlem süresi
Veritabanı sorguları
Önbellek kullanımı
Coğrafi mesafe
Hosting kapasitesi
Yoğun trafik

TTFB yüksekse yalnızca görsel sıkıştırmak yeterli olmayabilir. Hosting, sunucu, veritabanı ve uygulama performansı birlikte analiz edilmelidir.

Sunucu altyapısının performansa etkisini anlamak için hosting nedir içeriği incelenebilir.

URL Verisi ile Kaynak Verisi Arasındaki Fark

PageSpeed Insights bazı sayfalarda test edilen URL’ye özel verilerle birlikte bütün kaynak alanına ait toplu veriler gösterebilir.

URL düzeyindeki veri

Yalnızca analiz edilen sayfanın gerçek kullanıcı performansını gösterir.

Örnek:

Belirli ürün sayfası
Ana sayfa
Blog içeriği
Kategori sayfası

Kaynak düzeyindeki veri

Aynı protokol ve alan adı altında bulunan farklı sayfalardan toplanan genel kullanıcı deneyimini gösterir.

URL’ye özel yeterli veri bulunmuyorsa kaynak düzeyindeki veri yardımcı olabilir. Ancak kaynak verisinin test edilen sayfanın performansını birebir temsil etmeyebileceği unutulmamalıdır.

Örneğin hızlı blog sayfaları ile ağır ürün sayfalarının ortalama deneyimi aynı kaynak verisi içerisinde birleşebilir.

PageSpeed Insights’ta Veri Bulunamadı Ne Demektir?

Yeni, az ziyaret edilen veya belirli bir URL biçimine sahip sayfalarda gerçek kullanıcı verisi bulunmayabilir.

Bu durum:

Sayfanın hatalı olduğu
Google tarafından indekslenmediği
Sayfanın hiç ziyaret edilmediği
SEO açısından başarısız olduğu

anlamına gelmez.

Yalnızca ilgili URL veya kaynak için rapor oluşturacak yeterli gerçek kullanıcı verisi bulunmamış olabilir.

Bu durumda:

Laboratuvar raporu incelenebilir.
Kaynak düzeyindeki veriler kontrol edilebilir.
Google Search Console kullanılabilir.
Gerçek kullanıcı ölçüm sistemi kurulabilir.
Farklı sayfa türleri test edilebilir.

Arama performansı ve indeksleme durumunu incelemek için Google Search Console kullanılmalıdır.

Mobil ve Masaüstü Puanları Neden Farklıdır?

Mobil PageSpeed puanları çoğu zaman masaüstü puanlarından daha düşük olabilir.

Bunun temel nedenleri:

Mobil cihazların daha düşük işlem gücü
Mobil ağların daha yavaş ve değişken olması
Küçük ekran için farklı bileşenlerin yüklenmesi
Mobil menü scriptleri
Mobil reklam ve bildirimler
Responsive görsellerin yanlış yapılandırılması
Masaüstü için hazırlanan ağır dosyaların mobilde de yüklenmesi

Mobil ve masaüstü için aynı tasarım kullanılsa bile test koşulları farklıdır.

Mobil performansı iyileştirmek için:

Mobilde gereksiz öğeleri yüklemeyin.
Responsive görseller kullanın.
Büyük sliderları sadeleştirin.
Mobil menü kodunu optimize edin.
Dokunma alanlarını düzenleyin.
Üçüncü taraf kodları azaltın.
Mobil cihazlarda gerçek test yapın.

PageSpeed Insights Raporundaki Öneriler Nasıl Okunur?

PageSpeed Insights raporunda performans sorunları farklı bölümlerde gösterilebilir.

Performans fırsatları

Sayfanın daha hızlı yüklenmesine yardımcı olabilecek düzenlemeleri gösterir.

Örnek öneriler:

Görsel boyutlarını azaltın.
Kullanılmayan JavaScript’i kaldırın.
Kullanılmayan CSS’i azaltın.
Render engelleyen kaynakları giderin.
Metin sıkıştırmasını etkinleştirin.
Önbellek sürelerini geliştirin.
Ana görseli optimize edin.

Teşhis bilgileri

Sayfanın teknik yapısıyla ilgili ek sorunları açıklar.

Örnekler:

Çok büyük ağ yükü
Fazla DOM öğesi
Uzun ana iş parçacığı görevleri
Çok sayıda üçüncü taraf kaynak
Büyük JavaScript dosyaları
Kritik istek zincirleri
Uzun sunucu yanıt süresi

Başarılı denetimler

Sayfanın doğru uyguladığı performans kontrollerini gösterir.

Başarılı denetimler de incelenerek yapılan optimizasyonların korunduğundan emin olunmalıdır.

Performans Önerileri Önceliklendirilmeli mi?

PageSpeed raporundaki bütün öneriler aynı öneme sahip değildir.

Önceliklendirme yapılırken:

Core Web Vitals üzerindeki etki
Kullanıcıların en fazla ziyaret ettiği sayfalar
Mobil kullanıcı oranı
Dönüşüm sayfaları
Sorunun bütün siteyi etkileyip etkilemediği
Uygulama maliyeti
Oluşturabileceği teknik risk
Tahmini performans kazancı

değerlendirilmelidir.

Öncelik	Örnek sorun	Aksiyon
Kritik	Sunucu erişim sorunu, çok yüksek LCP	Hemen ele alınmalıdır
Yüksek	Ana görsel, ağır JavaScript, yüksek CLS	Kısa sürede düzeltilmelidir
Orta	Kullanılmayan CSS, font optimizasyonu	Planlı şekilde uygulanmalıdır
Düşük	Küçük boyutlu dosya kazançları	Büyük sorunlardan sonra ele alınabilir

Görseller Nasıl Optimize Edilir?

Görseller, web sayfalarının en büyük veri kaynaklarından biri olabilir.

Görsel optimizasyonunda:

Görseli kullanılacağı boyutta hazırlayın.
Gereksiz yüksek çözünürlükten kaçının.
Dosya boyutunu sıkıştırın.
Uygun dosya formatını seçin.
Responsive görseller kullanın.
Alt bölüm görsellerinde lazy loading uygulayın.
Ana LCP görselini gereksiz geciktirmeyin.
Görsellere boyut değerleri ekleyin.
Mobil ve masaüstü için uygun sürümler hazırlayın.
Dekoratif görselleri azaltın.

Web görsellerini ayrıntılı optimize etmek için görseller için SEO optimizasyonu rehberinden yararlanılabilir.

WebP ve AVIF kullanılmalı mı?

WebP ve AVIF gibi yeni nesil formatlar, uygun içeriklerde daha düşük dosya boyutu sağlayabilir.

Ancak format dönüşümü yapılırken:

Görsel kalitesi
Tarayıcı desteği
Yedek format
Şeffaflık
Animasyon
Sunucu yapılandırması

değerlendirilmelidir.

Bütün görselleri tek bir kalite ayarıyla dönüştürmek yerine ürün, fotoğraf, ikon ve arka plan görselleri ayrı ele alınmalıdır.

Lazy Loading Nedir?

Lazy loading, sayfanın ilk açılışında görünmeyen görsel ve iframe gibi kaynakların kullanıcı ilgili bölüme yaklaştığında yüklenmesini sağlar.

Lazy loading sayesinde:

İlk ağ yükü azaltılabilir.
Sayfanın üst bölümü daha hızlı görüntülenebilir.
Kullanılmayan görsellerin indirilmesi önlenebilir.
Mobil veri kullanımı azaltılabilir.

Ancak sayfanın üst kısmındaki ana görselin lazy load ile yüklenmesi LCP süresini artırabilir.

Lazy loading genellikle:

Alt bölüm görselleri
Galeri öğeleri
Haritalar
Video iframe’leri
Uzun ürün listeleri

için değerlendirilebilir.

JavaScript Performansı Nasıl Geliştirilir?

Fazla veya verimsiz JavaScript kullanımı, TBT ve INP sonuçlarını olumsuz etkileyebilir.

JavaScript optimizasyonu için:

Kullanılmayan scriptleri kaldırın.
Kodları sayfa ihtiyacına göre yükleyin.
Büyük dosyaları bölün.
Üçüncü taraf araçları sınırlayın.
Gereksiz animasyonları kaldırın.
Scriptleri uygun sırayla yükleyin.
Kullanıcı etkileşiminden önce zorunlu olmayan kodları geciktirin.
Eklenti kaynaklı scriptleri analiz edin.
Aynı işlevi yapan birden fazla araç kullanmayın.
Ana iş parçacığındaki uzun görevleri azaltın.

Analiz, reklam ve sohbet araçları ayrı ayrı küçük görünse de birlikte önemli işlem yükü oluşturabilir.

CSS Performansı Nasıl Geliştirilir?

CSS dosyaları sayfanın görünümü için gereklidir. Ancak büyük ve kullanılmayan CSS dosyaları ilk görüntülemeyi geciktirebilir.

CSS optimizasyonunda:

Kullanılmayan stilleri kaldırın.
Kritik üst bölüm stillerini önceliklendirin.
Büyük CSS dosyalarını küçültün.
Tekrarlanan kuralları azaltın.
Gereksiz tema stillerini kaldırın.
Sayfada kullanılmayan bileşenleri yüklemeyin.
CSS dosyalarını sıkıştırın.
Karmaşık seçicileri azaltın.

Otomatik kullanılmayan CSS kaldırma işlemlerinde tasarımın bozulma ihtimali vardır. Değişiklikler farklı sayfa ve cihazlarda test edilmelidir.

Web Fontları Nasıl Optimize Edilir?

Yazı tipleri, özellikle çok sayıda kalınlık ve stil kullanıldığında performansı etkileyebilir.

Font optimizasyonu için:

Gereksiz font ailelerini kaldırın.
Yalnızca kullanılan kalınlıkları yükleyin.
Uygun font formatlarını kullanın.
Font dosyalarını mümkünse yerel olarak barındırın.
Kritik fontları dikkatli biçimde önceden yükleyin.
Sistem fontlarını değerlendirin.
Görünmez metin süresini azaltan görüntüleme stratejisi kullanın.
İkon fontları yerine ihtiyaç halinde SVG kullanın.

Bir web sitesinde aynı anda çok sayıda font ailesi kullanmak hem görsel tutarlılığı hem de performansı olumsuz etkileyebilir.

Önbellekleme Neden Önemlidir?

Önbellekleme, daha önce yüklenen kaynakların tekrar ziyaretlerde yeniden indirilmesini veya yeniden oluşturulmasını azaltabilir.

Önbellekleme farklı katmanlarda uygulanabilir:

Tarayıcı önbelleği
Sayfa önbelleği
Sunucu önbelleği
Nesne önbelleği
CDN önbelleği
Veritabanı sorgu önbelleği

Doğru önbellekleme sayesinde:

Tekrar ziyaretler hızlanabilir.
Sunucu yükü azalabilir.
TTFB iyileşebilir.
Trafik yoğunluğu daha kolay yönetilebilir.

Ancak e-ticaret sitelerinde sepet, kullanıcı hesabı ve ödeme sayfası gibi dinamik alanlar yanlış şekilde önbelleğe alınmamalıdır.

CDN PageSpeed Puanını Artırır mı?

CDN, web sitesi dosyalarının kullanıcıya daha yakın sunuculardan iletilmesini sağlayabilir.

CDN kullanımı:

Coğrafi gecikmeyi azaltabilir.
Görsel ve statik dosyaları hızlandırabilir.
Ana sunucu yükünü düşürebilir.
Trafik yoğunluğunu yönetmeye yardımcı olabilir.
Belirli güvenlik özellikleri sunabilir.

Ancak CDN kullanmak tek başına bütün performans sorunlarını çözmez. Büyük görseller, ağır JavaScript veya yavaş veritabanı sorunları devam edebilir.

CDN sistemlerinin çalışma mantığı için CDN nedir rehberi incelenebilir.

Hosting PageSpeed Sonuçlarını Etkiler mi?

Hosting ve sunucu altyapısı özellikle TTFB ile sayfa oluşturma süresini etkileyebilir.

Düşük kapasiteli veya yoğun sunucularda:

İlk sunucu yanıtı gecikebilir.
PHP işlemleri uzun sürebilir.
Veritabanı sorguları yavaşlayabilir.
Trafik artışında sayfa hızı düşebilir.
Zaman aşımı hataları oluşabilir.

Hosting seçiminde:

Sunucu kaynakları
İşlemci ve bellek
Disk teknolojisi
Veri merkezi
Önbellekleme
Uptime
Teknik destek
Trafik kapasitesi
Yedekleme
Ölçeklenebilirlik

değerlendirilmelidir.

Hız optimizasyonuna başlamadan önce sorunun sunucu mu, tema mı, eklenti mi yoksa sayfa içeriği mi olduğu belirlenmelidir.

Üçüncü Taraf Kodlar Neden Sorun Oluşturur?

Web sitesine dış servislerden eklenen kodlar performansı etkileyebilir.

Üçüncü taraf kod örnekleri:

Analiz araçları
Reklam etiketleri
Canlı destek
Harita
Video
Sosyal medya akışı
Yeniden pazarlama kodları
Isı haritası araçları
A/B test sistemleri
Form servisleri

Bu araçları tamamen kaldırmak her zaman mümkün veya doğru değildir.

Optimizasyon için:

Kullanılmayan araçları kaldırın.
Aynı işi yapan servisleri birleştirin.
Kodları yalnızca gerekli sayfalarda çalıştırın.
Kullanıcı etkileşimine kadar geciktirin.
Video ve haritalarda ön izleme kullanın.
Etiket yönetimini düzenleyin.
İşletmeye katkısı olmayan scriptleri kapatın.

DOM Boyutu Nedir?

DOM, web sayfasındaki HTML öğelerinin tarayıcı tarafından oluşturulan yapısını ifade eder.

Çok büyük DOM yapısı:

Stil hesaplamalarını yavaşlatabilir.
JavaScript işlemlerini artırabilir.
Bellek kullanımını yükseltebilir.
Kullanıcı etkileşimlerini geciktirebilir.
Mobil cihazlarda performansı düşürebilir.

Büyük DOM sorunları genellikle:

Çok fazla iç içe bölüm
Sayfa oluşturucu bileşenleri
Gereksiz gizli öğeler
Büyük menüler
Uzun ürün listeleri
Aynı tasarımın tekrarlanması
Karmaşık mega menüler

nedeniyle oluşabilir.

Sayfa yapısı sadeleştirilirken tasarımın ve işlevlerin korunmasına dikkat edilmelidir.

WordPress PageSpeed Optimizasyonu Nasıl Yapılır?

WordPress sitelerde performans; tema, eklentiler, hosting, görseller ve veritabanı gibi birçok unsurdan etkilenir.

WordPress hız optimizasyonunda şu adımlar uygulanabilir:

Yedek ve test ortamı oluşturun

Performans ayarları canlı sitede doğrudan uygulanmamalıdır.

Öncelikle:

Dosya yedeği
Veritabanı yedeği
Test ortamı
Geri dönüş planı

hazırlanmalıdır.

Tema ve eklentileri analiz edin

Kullanılmayan tema ve eklentiler kaldırılmalıdır.

Özellikle:

Aynı işlevi yapan eklentiler
Güncellenmeyen eklentiler
Her sayfada ağır dosya yükleyen eklentiler
Gereksiz animasyon araçları
Kullanılmayan form ve slider sistemleri

incelenmelidir.

Önbellekleme yapılandırın

Sayfa ve tarayıcı önbelleklemesi uygun şekilde etkinleştirilebilir.

E-ticaret ve üyelik sayfalarında özel istisnalar tanımlanmalıdır.

Görselleri optimize edin

Yüklemeden önce boyutlandırın.
Sıkıştırma uygulayın.
Uygun format kullanın.
Alt bölüm görsellerini geç yükleyin.
Ana görseli önceliklendirin.
Kullanılmayan görselleri temizleyin.

CSS ve JavaScript dosyalarını düzenleyin

Gereksiz dosyaları kaldırın.
Kullanılmayan kodları azaltın.
Zorunlu olmayan JavaScript’i geciktirin.
Dosya küçültme işlemlerini test edin.
Eklenti çakışmalarını kontrol edin.

Veritabanını kontrol edin

Gereksiz revizyonlar
Geçici kayıtlar
Eski eklenti tabloları
Süresi dolmuş veriler
Büyük otomatik yüklenen seçenekler

performansı etkileyebilir.

WordPress sitesinde kullanılacak araçlar seçilirken WordPress SEO eklentileri ile performans eklentilerinin görevleri karıştırılmamalıdır.

Elementor PageSpeed Optimizasyonu

Elementor ile hazırlanan web sitelerinde tasarım yapısı performansı doğrudan etkileyebilir.

Elementor optimizasyonunda:

Gereksiz iç içe bölümleri azaltın.
Sade container yapısı kullanın.
Kullanılmayan widget’ları kaldırın.
Büyük arka plan görsellerini optimize edin.
Hareket efektlerini sınırlayın.
Mobilde gizlenen ağır öğelerin yüklenip yüklenmediğini kontrol edin.
Her sayfada farklı font ve ikon seti kullanmayın.
Büyük sliderlardan kaçının.
Üçüncü taraf Elementor eklentilerini değerlendirin.
Şablonların oluşturduğu gereksiz DOM öğelerini azaltın.

Bir öğenin mobilde gizlenmesi her zaman dosyanın mobil cihazda yüklenmesini engellemez. Bu nedenle yalnızca görünürlüğü kapatmak yerine kaynak yüklemesi de kontrol edilmelidir.

E-Ticaret Sitelerinde PageSpeed Analizi

E-ticaret sitelerinde yalnızca ana sayfa test edilmemelidir.

Şu sayfa türleri ayrı ayrı incelenmelidir:

Ana sayfa
Kategori sayfası
Ürün sayfası
Arama sonuçları
Sepet
Ödeme
Kullanıcı hesabı
Kampanya sayfası

E-ticaret sitelerinde performansı etkileyebilecek unsurlar:

Çok sayıda ürün görseli
Ürün filtreleri
Varyasyon sistemleri
Canlı stok sorguları
Ödeme scriptleri
Kargo hesaplama
Kullanıcı yorumları
Öneri sistemleri
Sepet scriptleri
Pazarlama etiketleri

Sepet ve ödeme sayfalarında hız kadar güvenlik ve doğru işlev de önemlidir. Performans optimizasyonu sırasında satın alma akışı mutlaka test edilmelidir.

PageSpeed Insights ile Google Search Console Arasındaki Fark

Kriter	PageSpeed Insights	Google Search Console
Temel amaç	Sayfa performansını analiz etmek	Arama görünürlüğünü ve teknik durumu izlemek
Test kapsamı	Tek URL ve kaynak verileri	Site genelindeki URL grupları
Laboratuvar testi	Var	Yok
Gerçek kullanıcı verisi	Yeterli veri varsa gösterilir	Core Web Vitals raporunda gruplanır
İndeksleme	Sınırlı SEO kontrolü	Ayrıntılı indeksleme raporu
Arama sorguları	Göstermez	Tıklama ve sorguları gösterir
Optimizasyon önerisi	Ayrıntılı performans teşhisi	Sorunlu URL gruplarını gösterir
Kullanım amacı	Sorunun nedenini bulmak	Site genelindeki durumu takip etmek

İki araç birlikte kullanılmalıdır.

Search Console sorunlu URL gruplarını gösterirken PageSpeed Insights belirli bir sayfadaki performans problemlerinin nedenini anlamaya yardımcı olabilir.

PageSpeed Insights ile Lighthouse Arasındaki Fark

Kriter	PageSpeed Insights	Lighthouse
Kullanım ortamı	Web tabanlı araç	Chrome, komut satırı ve farklı araçlar
Gerçek kullanıcı verisi	Yeterli veri varsa bulunur	Temel olarak laboratuvar testi
Mobil ve masaüstü	Ayrı rapor sunar	Test ayarına göre çalışır
Kurulum	Gerekmez	Kullanım yöntemine göre değişir
Tekrarlanabilir test	Sınırlı kontrol	Geliştirici araçlarında daha fazla kontrol
Otomasyon	API ile yapılabilir	Komut satırı ve geliştirme süreçlerine eklenebilir
Kullanım kolaylığı	Kolay	Teknik kullanımlarda daha ayrıntılı

PageSpeed Insights, hızlı analiz için uygundur. Lighthouse ise geliştirme ve test süreçlerine daha ayrıntılı biçimde dahil edilebilir.

PageSpeed Insights SEO Puanı Ne Anlama Gelir?

Lighthouse raporundaki SEO bölümü temel teknik kontroller gerçekleştirir.

Kontrol edilen bazı alanlar:

Sayfanın indekslenebilirliği
Başlık etiketi
Meta açıklama
Mobil kullanılabilirlik
Bağlantı metinleri
Tarama erişimi
Temel yapılandırmalar

SEO puanının yüksek olması, sayfanın hedef anahtar kelimelerde üst sıralara çıkacağını göstermez.

Kapsamlı SEO değerlendirmesinde:

Arama niyeti
İçerik kalitesi
Anahtar kelime kullanımı
Site mimarisi
İç bağlantılar
Backlinkler
Teknik tarama
Kullanıcı deneyimi
Rakip analizi

gibi alanlar ayrıca incelenmelidir.

Genel değerlendirme için SEO analizi nasıl yapılır rehberinden yararlanılabilir.

PageSpeed Insights Puanı Google Sıralamasını Etkiler mi?

PageSpeed Insights’ta görülen laboratuvar puanı, tek başına doğrudan sıralama garantisi sunmaz.

Google sıralamalarında çok sayıda sinyal birlikte değerlendirilir. Sayfa performansı ve kullanıcı deneyimi bu sistemin parçalarından biri olabilir ancak:

Kalitesiz içerik
Yanlış arama niyeti
Teknik indeksleme sorunları
Zayıf site yapısı
Yetersiz güven sinyalleri

yalnızca PageSpeed puanı yükseltilerek çözülemez.

Doğru yaklaşım:

Gerçek kullanıcı deneyimini geliştirmek
Core Web Vitals sorunlarını azaltmak
İçerik kalitesini korumak
Teknik SEO hatalarını gidermek
Mobil kullanılabilirliği geliştirmek
Dönüşüm özelliklerini korumak

olmalıdır.

PageSpeed Optimizasyonu Dönüşümleri Etkiler mi?

Hızlı sayfalar kullanıcıların satın alma veya iletişim sürecini daha rahat tamamlamasına yardımcı olabilir.

Özellikle şu sayfalarda performans önemlidir:

Ürün sayfası
Sepet
Ödeme
Teklif formu
İletişim sayfası
Reklam açılış sayfası
Rezervasyon ekranı
Üyelik formu

Ancak hız optimizasyonu yapılırken dönüşüm sağlayan unsurlar kontrolsüz biçimde kaldırılmamalıdır.

Örneğin yüksek PageSpeed puanı için:

İletişim formunu kaldırmak
Ürün görsellerini aşırı kalitesizleştirmek
Analiz kodlarını tamamen silmek
Canlı desteği kapatmak
Kullanıcı yorumlarını kaldırmak

ticari performansa zarar verebilir.

Teknik hız ile işletme hedefleri arasında denge kurulmalıdır.

PageSpeed Testi Ne Sıklıkla Yapılmalıdır?

Test sıklığı web sitesinin güncellenme yoğunluğuna göre değişebilir.

PageSpeed testi şu durumlarda yapılmalıdır:

Yeni web sitesi yayınlandığında
Tema değiştirildiğinde
Tasarım güncellendiğinde
Yeni eklenti kurulduğunda
Büyük kampanya başlatıldığında
Yeni reklam kodu eklendiğinde
Hosting değiştirildiğinde
Ürün sayfaları yenilendiğinde
Trafik veya dönüşüm düştüğünde
Search Console uyarısı alındığında
Büyük yazılım güncellemesi yapıldığında

Aktif sitelerde belirli sayfa şablonları aylık olarak kontrol edilebilir.

PageSpeed Testi Yaparken Nelere Dikkat Edilmelidir?

Yalnızca ana sayfayı test etmeyin.
Mobil ve masaüstü sonuçlarını ayrı inceleyin.
Tek test sonucuna güvenmeyin.
Gerçek kullanıcı verilerine öncelik verin.
Test edilen URL’nin yönlendirme içermediğini kontrol edin.
Önbellek temizleme sonrası sunucunun ısınmasını bekleyin.
Canlı site ile test ortamını karıştırmayın.
Dinamik içerikleri dikkate alın.
Test tarihini ve sonuçlarını kaydedin.
Optimizasyon öncesi ve sonrası karşılaştırma yapın.

Optimizasyon Sonuçları Ne Zaman Görülür?

Laboratuvar sonuçları, değişiklik yayına alındıktan sonra yeniden test edildiğinde hemen değişebilir.

Gerçek kullanıcı verileri ise geçmiş döneme ait toplu deneyimi gösterdiği için daha yavaş güncellenir.

Bu nedenle:

Kod veya görsel değişikliğinin laboratuvar etkisi hemen görülebilir.
Gerçek kullanıcı verilerinde değişimin oluşması zaman alabilir.
Trafik miktarı düşükse veri oluşması daha uzun sürebilir.
Eski ve yeni kullanıcı deneyimleri belirli süre aynı raporda yer alabilir.

Optimizasyon sonrası laboratuvar puanının yükselmesi, gerçek kullanıcı sonuçlarının aynı gün değişeceği anlamına gelmez.

PageSpeed Insights API Ne İşe Yarar?

PageSpeed Insights API, performans analizlerinin programlı olarak çalıştırılmasını sağlar.

API şu amaçlarla kullanılabilir:

Çok sayıda URL’yi düzenli test etmek
Performans takip paneli oluşturmak
Yayın öncesi kontrol sistemi kurmak
Puan değişimlerini kaydetmek
Web sitesi portföyünü izlemek
Teknik raporlar oluşturmak
Ajans müşterilerini takip etmek

API kullanırken sorgu sınırları, veri saklama ve test değişkenliği dikkate alınmalıdır.

Otomatik test sistemi, gerçek kullanıcı ölçümünün yerine geçmemeli; onu destekleyen bir kontrol aracı olarak kullanılmalıdır.

PageSpeed Optimizasyonunda Yapılan Hatalar

Hata	Olası sonucu	Doğru yaklaşım
Yalnızca 100 puana odaklanmak	İşlevlerin ve dönüşümün zarar görmesi	Kullanıcı deneyimini önceliklendirmek
Tek test sonucuna güvenmek	Yanlış karar	Birden fazla test yapmak
Sadece ana sayfayı test etmek	Sorunlu sayfaların atlanması	Bütün sayfa şablonlarını incelemek
Mobil sonuçları önemsememek	Mobil kullanıcı kaybı	Mobil raporu önceliklendirmek
Bütün scriptleri geciktirmek	Menü ve formların bozulması	Kritik kodları ayırmak
Ana görseli lazy load yapmak	LCP’nin yükselmesi	Ana görseli öncelikli yüklemek
Görselleri aşırı sıkıştırmak	Kalite kaybı	Kalite ve boyut dengesi kurmak
Canlı sitede yedeksiz işlem yapmak	Site arızası	Test ortamı ve yedek kullanmak
Çok sayıda hız eklentisi kullanmak	Çakışma ve hata	Tek ve kontrollü sistem oluşturmak
Gerçek kullanıcı verisini görmezden gelmek	Yanlış performans algısı	Saha ve laboratuvar verisini birlikte incelemek
Hosting sorununu eklentiyle çözmeye çalışmak	Sorunun devam etmesi	Sunucu altyapısını analiz etmek
Kullanılmayan araçları tutmak	JavaScript yükünün artması	Gereksiz kodları kaldırmak

PageSpeed Insights İçin Örnek İyileştirme Planı

Dönem	Yapılacak çalışma	Beklenen sonuç
İlk hafta	Ölçüm ve sayfa gruplandırma	Başlangıç raporu
İkinci hafta	Görsel ve sunucu optimizasyonu	LCP ve TTFB gelişimi
Üçüncü hafta	CSS ve JavaScript düzenlemeleri	TBT ve INP gelişimi
Dördüncü hafta	CLS, mobil test ve kontrol	Daha kararlı kullanıcı deneyimi

İlk hafta

Ana sayfa test edilir.
Hizmet ve blog sayfaları incelenir.
Ürün ve kategori şablonları analiz edilir.
Mobil ve masaüstü sonuçları kaydedilir.
Gerçek kullanıcı verileri değerlendirilir.
Kritik sorunlar belirlenir.

İkinci hafta

Büyük görseller optimize edilir.
LCP öğeleri belirlenir.
Hosting ve TTFB incelenir.
Önbellekleme düzenlenir.
CDN ihtiyacı değerlendirilir.
Yönlendirmeler azaltılır.

Üçüncü hafta

Kullanılmayan JavaScript kaldırılır.
Üçüncü taraf kodlar incelenir.
CSS dosyaları düzenlenir.
Fontlar optimize edilir.
Uzun ana iş parçacığı görevleri azaltılır.
Eklenti yükleri kontrol edilir.

Dördüncü hafta

Görsellere boyut değerleri eklenir.
Dinamik alanlar sabitlenir.
Mobil cihazlarda gerçek test yapılır.
Formlar ve menüler kontrol edilir.
Dönüşüm adımları test edilir.
Önceki ve sonraki sonuçlar karşılaştırılır.

PageSpeed Insights Kontrol Listesi

Web sitesi performansını incelerken aşağıdaki liste kullanılabilir:

Mobil sonuçlar kontrol edildi mi?
Masaüstü sonuçları kontrol edildi mi?
Gerçek kullanıcı verileri incelendi mi?
Laboratuvar verileri ayrı değerlendirildi mi?
LCP öğesi belirlendi mi?
INP sorunları analiz edildi mi?
CLS oluşturan öğeler bulundu mu?
Sunucu yanıt süresi kontrol edildi mi?
Hero görseli optimize edildi mi?
Alt bölüm görsellerine lazy loading uygulandı mı?
Görsel boyutları belirtildi mi?
Kullanılmayan JavaScript kaldırıldı mı?
Kullanılmayan CSS azaltıldı mı?
Üçüncü taraf scriptler değerlendirildi mi?
Web fontları optimize edildi mi?
Tarayıcı önbelleği düzenlendi mi?
Sayfa önbelleği kullanılıyor mu?
CDN ihtiyacı değerlendirildi mi?
Mobil menü test edildi mi?
Formlar ve ödeme işlemleri çalışıyor mu?
Farklı sayfa şablonları test edildi mi?
Optimizasyon öncesi yedek alındı mı?
Gerçek cihazlarda kontrol yapıldı mı?
Google Search Console raporu incelendi mi?
Sonuçlar düzenli kaydediliyor mu?

Google PageSpeed Insights Hakkında Sıkça Sorulan Sorular

Google PageSpeed Insights ücretsiz mi?

Evet. Araç herhangi bir ücret ödemeden kullanılabilir. Analiz yapmak için üyelik oluşturmak zorunlu değildir.

PageSpeed Insights nasıl kullanılır?

Analiz edilecek sayfanın URL’si araca girilir ve test başlatılır. Mobil ve masaüstü sonuçları ayrı ayrı incelenerek metrikler ile optimizasyon önerileri değerlendirilir.

PageSpeed puanı kaç olmalıdır?

Lighthouse sınıflandırmasında 90 ve üzeri iyi olarak değerlendirilir. Ancak yalnızca puana değil Core Web Vitals ve gerçek kullanıcı deneyimine odaklanılmalıdır.

PageSpeed puanı neden sürekli değişiyor?

Test ortamı, ağ koşulları, sunucu yoğunluğu, dinamik içerikler ve üçüncü taraf scriptler sonuçların değişmesine neden olabilir.

Mobil PageSpeed puanı neden düşük?

Mobil test daha sınırlı cihaz ve ağ koşullarını temsil edebilir. Büyük görseller, ağır JavaScript ve masaüstüne göre hazırlanan kaynaklar mobil puanı düşürebilir.

PageSpeed puanı SEO’yu etkiler mi?

PageSpeed laboratuvar puanı tek başına sıralama garantisi değildir. Sayfa performansı ve kullanıcı deneyimi SEO’nun teknik bileşenleri arasında değerlendirilmelidir.

PageSpeed puanı 100 olmalı mı?

Hayır. Yüz puan zorunlu değildir. Kullanıcı deneyiminin, dönüşüm özelliklerinin ve gerçek kullanıcı performansının iyi olması daha önemlidir.

Gerçek kullanıcı verisi neden görünmüyor?

Sayfa veya kaynak için yeterli Chrome kullanıcı verisi bulunmuyor olabilir. Laboratuvar raporu yine de kullanılabilir.

LCP nasıl düşürülür?

Ana görsel optimize edilmeli, sunucu yanıtı hızlandırılmalı, kritik kaynaklar önceliklendirilmeli ve render engelleyen kodlar azaltılmalıdır.

INP nasıl iyileştirilir?

JavaScript işlem yükü azaltılmalı, uzun görevler bölünmeli ve kullanıcı etkileşimlerinden sonra çalışan ağır kodlar optimize edilmelidir.

CLS nasıl düşürülür?

Görsel ve iframe boyutları belirtilmeli, dinamik içerikler için önceden alan ayrılmalı ve sayfanın üstüne sonradan öğe eklenmemelidir.

WordPress hızlandırma eklentisi yeterli mi?

Her zaman yeterli değildir. Hosting, tema, görseller, veritabanı, eklentiler ve üçüncü taraf kodlar birlikte değerlendirilmelidir.

CDN kullanmak puanı yükseltir mi?

CDN coğrafi gecikmeyi ve statik kaynak yükünü azaltabilir. Ancak JavaScript, görsel ve veritabanı sorunlarını tek başına çözmez.

PageSpeed sonucu ne kadar sürede değişir?

Laboratuvar sonucu yeni testte hemen değişebilir. Gerçek kullanıcı verilerinin güncellenmesi ise geçmiş kullanıcı deneyimlerini kapsadığı için daha uzun sürebilir.

PageSpeed Insights ile bütün site analiz edilir mi?

Araç temel olarak girilen URL’yi analiz eder. Bütün site için farklı sayfa türlerinin ayrı ayrı test edilmesi gerekir.

Ana sayfa hızlıysa bütün site hızlı mıdır?

Hayır. Ürün, kategori, blog ve ödeme sayfaları farklı kaynaklar kullandığı için performansları değişebilir.

Profesyonel PageSpeed Optimizasyonu Neden Önemlidir?

PageSpeed raporundaki önerilerin kontrolsüz uygulanması web sitesinin tasarımını veya işlevlerini bozabilir.

Örneğin yanlış optimizasyon sonucunda:

Mobil menü açılmayabilir.
Formlar çalışmayabilir.
Sepete ekleme bozulabilir.
Slider görüntülenmeyebilir.
Analiz kodları veri göndermeyebilir.
Yazı tipleri yanlış yüklenebilir.
Çerez yönetimi çalışmayabilir.
Kullanıcı oturumları etkilenebilir.

Profesyonel optimizasyon sürecinde:

Performans ölçümü
Kaynak analizi
Hosting kontrolü
Görsel optimizasyonu
CSS ve JavaScript düzenlemesi
Veritabanı analizi
Mobil test
Dönüşüm kontrolü
Teknik SEO
Search Console takibi

birlikte yürütülmelidir. PageSpeed çalışması yalnızca bir hız eklentisi kurmak olarak görülmemeli, web sitesinin bütün teknik yapısını kapsayan bir süreç olarak ele alınmalıdır.

Google PageSpeed Insights, web sayfalarının mobil ve masaüstü performansını analiz eden ücretsiz bir araçtır. Gerçek kullanıcı verilerini ve Lighthouse laboratuvar testlerini bir arada sunarak web sitesindeki performans sorunlarının belirlenmesine yardımcı olur.

PageSpeed Insights raporunda özellikle:

Largest Contentful Paint
Interaction to Next Paint
Cumulative Layout Shift
First Contentful Paint
Speed Index
Total Blocking Time
Sunucu yanıt süresi
Görsel, CSS ve JavaScript sorunları

incelenmelidir.

Başarılı bir performans çalışması için yalnızca yüksek puan hedeflenmemelidir. Web sitesinin gerçek kullanıcılar için hızlı, kararlı ve kullanılabilir olması önceliklendirilmelidir.

Site hızını geliştirmek için:

Görseller optimize edilmeli,
Sunucu yanıt süresi azaltılmalı,
Gereksiz JavaScript ve CSS kaldırılmalı,
Önbellekleme uygulanmalı,
Üçüncü taraf kodlar sınırlandırılmalı,
Mobil cihazlar ayrıca test edilmeli,
Core Web Vitals sonuçları düzenli takip edilmelidir.

PageSpeed Insights; site içi SEO optimizasyonu, teknik denetim ve Google Search Console verileriyle birlikte kullanıldığında daha kapsamlı bir performans değerlendirmesi yapılabilir.

Doğru teknik altyapı ve kullanıcı odaklı optimizasyonlar sayesinde web sitesi yalnızca PageSpeed raporunda daha iyi puan almakla kalmaz; ziyaretçilere daha hızlı, güvenilir ve dönüşüm odaklı bir deneyim de sunabilir.