Google’ın PageSpeed Insight web performans analiz aracıdır, ama zorlu bir servistir, konuyla ilgilenenlerin çok iyi bildiği gibi.
Temel özelliği sizin site ve sayfalarınıza, Puanlama Sistemi ile 0 ile 100 arasında bir performans puanı verir.
- 90 – 100: Hızlı (Yeşil)
- 50 – 89: Orta (Turuncu)
- 0 – 49: Yavaş (Kırmızı)
Bu site hep 90-100 hızlı puanda oldu ama, tüm Google PageSpeed Insights Metriklerinin 100 olması gibi bir saplantım var. Ve evet yine sunipeyk.com hepsinden 100 aldı. Elbette Gemini’nin de destekleri ile ve zaten Gemini’den daha iyi Google’ı anlayacak hangi ai olabilir ki. Olursa da… Gemini sonuçta içerden birisi.
Google PageSpeed Insights Metrikleri
- Performance (Performans): Sitenin ne kadar hızlı yüklendiğini, kodların ne kadar optimize edildiğini ve kullanıcının sayfayı ne kadar sürede kullanmaya başlayabildiğini ölçer.
- Accessibility (Erişilebilirlik): Sitenin görme engelliler veya ekran okuyucu kullanan kişiler dahil herkes tarafından ne kadar rahat kullanılabildiğini ölçer (yazı fontu büyüklüğü, renk kontrastı gibi).
- Best Practices (En İyi Uygulamalar): Sitenin güncel web standartlarına, güvenlik protokollerine (HTTPS gibi) ve genel kodlama kurallarına ne kadar uyumlu olduğunu denetler.
- SEO (Arama Motoru Optimizasyonu): Sayfanın Google gibi arama motorları tarafından kolayca taranıp taranamadığını ve içerik başlıklarının/açıklamalarının doğru kurgulanıp kurgulanmadığını kontrol eder.
Genellikle bu değerlerin hepsi yeşil (90-100 arası) olduğunda Google siteyi “sağlıklı” kabul eder. Hepsinin 100 olması ise “tertemiz bir kodlama” ve “mükemmel optimizasyon” demektir!..
PageSpeed’de 100 Puan Almak Neden Bu Kadar Zor?
Aslında esas soru bu. Beni kızdıran da bu, evet Google çok zorlaştıryor, bir sürü şey istiyor. Ama yapılabiliyor mu? Evet yapılabiliyor da!..
Google PageSpeed Insights sadece bir “skor” değil aslında, bir sitenin kullanıcıya, ziyaretçisine olan saygısının da ölçüsüdür. Özellikle Core Web Vitals (Önemli Web Verileri) hayatımıza girdiğinden beri, 100 tam puana ulaşmak; CSS dosyalarını küçültmekten, görselleri WebP formatına çevirmeye kadar çok katmanlı bir çalışma gerektirir.
Saplantı mı, İhtiyaç mı?
Buraya bu alt başlığı girmek lazım. Ben saplantı diyorum ama, aslında, ihtiyaç veya zorounluk bile denebilir.
Dürüst olmak gerekirse, 95 ile 100 arasındaki fark, hiç fark edilmeyebilir. Ancak Google botları için bu fark, sitenin kod kalitesindeki kusursuzluğu simgeler, derler. Benim bu konudaki “100 puan saplantım”, aslında Sunipeyk’in 23 yıldır süre gelen çabaların sonucu. Ara ara, depreşme moduyla bunları yapmaya çalışıyorum. Tabii son değişikler, daha hızlı ve kolay oldu. Sağolsun Gemini ai efendi.
Gemini ile Optimizasyon Süreci: Bir AI Desteği
Bu skora ulaşırken Gemini’den sadece kod yazmasını istemedim; Google’ın kendi algoritmalarını yine Google’ın bir parçasıyla analiz etmiş olduk. Yani içerden bilgi almak gibi oldu, sayılır. Gemini elbette Google’ın PageSpeed için ne istedğini gaye iyi biliyor, biliyordu. Özellikle LCP (Largest Contentful Paint) ve CLS (Cumulative Layout Shift) gibi baş belası metrikleri iyileştirmek için neler yaptık, neler:
- Kritik CSS dosyalarını nasıl preload edeceğimizi,
- Gereksiz JavaScript yüklerini elemeyi,
- Fonksiyon dosyasını, defalarca elden geçirmeyi,
- theme.json dosyasını yeniden, yeniden yazmayı,
- ve en çokta css dosyasını tekrar, tekrar kontrol etmeyi
yaptık da yaptık. Bir şeyi yaparken, bir başka şey bozuldu mu? Evet. Ama onu da düzelttik ve her şeyin hafif ama ilevsel olmasını da sağladık.
Yukarda saydığım özet maddelerinden başka en önemli düzenleme de Schema (Yapılandırılmış Veri)‘de Gemini ile yaptıklarımızdır. PageSpeed skorumuzun 100 olmasının arkasında sadece hızlı yüklenen pikseller yok; aynı zamanda Google botlarının içeriği saniyeler içinde anlamlandırmasını sağlayan Schema (Structured Data) mimarisi var.
Schema (Yapılandırılmış Veri), Google botları için kesinlikle bir “altın anahtar” gibidir. PageSpeed 100 alma sitenin fiziksel hızıysa, Schema verileri de sitenin zeka seviyesidir. Bu sebeple , sitenizde bu konuyu kesinlikle atlamayın, sakın!..
Schema Nedir ve Neden Önemli?
Sadece 100 puan almış olmak, teknik bir başarı olsa da kullanıcı için her zaman her şey demek değildir. Asıl büyü, bu hızın arkasına sakladığımız teknik mimaride yatıyor. Özellikle Schema (Yapılandırılmış Veri) yapılandırması, bu hızın Google tarafından “anlamlandırılmasını” sağlıyor.
Schema, sitenizin kodlarına eklenen ve arama motorlarına “Bu bir makaledir”, “Bu bir yazardır” veya “Bu bir istatistik tablosudur” diyen özel bir dildir. Schema yapısını optimize ederek:
- Google’ın içeriği daha hızlı taramasını (indexing),
- Arama sonuçlarında daha zengin (Rich Snippets) görünmeyi,
- Ve en önemlisi, botların siteyi “kaliteli ve güvenilir” olarak sınıflandırmasını sağladık.
PageSpeed 100 ve Anlamsal Web (Schema)
Bu skorun sadece bir rakamdan ibaret olmadığını biliyoruz. Arka planda Schema (Yapılandırılmış Veri) kullanarak Google botlarına her şeyi kendi dilinde anlatmış oluyoruz. Gemini ile yaptığımız optimizasyonlarda, Schema kodlarını temanın içine en hafif şekilde (JSON-LD formatında) gömerek hem SEO gücümüzü artırdık hem de hızdan ödün vermemiş olduk. Bildiğiniz gibi, bir eklenti olarak herhangi SEO eklentisi de kullanmıyorum. Yani hem benim, hem Geminin işi daha zordu aslında.
Uyguladığımız Kritik Adımlar:
- CSS Preload: Kritik CSS dosyalarını önceden yükleyerek açılış hızını jilet gibi yaptık.
- LCP & CLS İyileştirmeleri: Sayfa açılırken yaşanan o sinir bozucu kaymaları (Cumulative Layout Shift) tamamen sıfırladık.
- Hafif Kod Yapısı: Gereksiz JavaScript yüklerini eledik, siteyi sadece ihtiyacı olan kodlarla baş başa bıraktık.
Kullanıcılara Tavsiye: Hız Her Şeydir
Eğer bir blog yazıyorsanız ve Google’da üst sıralara çıkmak istiyorsanız, hız artık “olsa iyi olur” değil, “olmazsa olmaz” bir kriter, diyor Google. 100 puan almak için temanızın hafif olması kadar, kullandığınız eklentilerin de birbirine çelme takmaması gerekiyor.
Hız (PageSpeed) ve Anlam (Schema) bir araya geldiğinde, ortaya hem kullanıcının sevdiği hem de Google’ın “sevdiği” bir yapı çıkıyor.