Hızlı Özet (TL;DR)
Geleneksel web sitelerinde (özellikle WordPress ve ağır React/Next.js SPA sistemlerinde) tarayıcıya megabaytlarca JavaScript yüklenir. Bu durum mobil cihazlarda açılış süresini (LCP) uzatır ve Google Lighthouse PageSpeed skorlarını 40-50 seviyelerine düşürür. Astro SSG (Statik Site Üretimi) ve Adalar (Islands) Mimarisi, sayfayı varsayılan olarak saf HTML ve CSS olarak derler; yalnızca kullanıcı etkileşimi gerektiren mikro bileşenlere JavaScript yükler. Sonuç: 0.5 saniyenin altında açılış hızı, kusursuz Core Web Vitals ve 100/100 Google PageSpeed skoru.
Astro vs Geleneksel CMS Mimari Karşılaştırması
| Kriter | WordPress / Monolitik CMS | Next.js / Ağır SPA | Astro SSG (Maysa Yazılım) |
|---|---|---|---|
| Varsayılan JS Yükü | 800 KB – 3 MB (Ağır kütüphaneler) | 300 KB – 1.5 MB (Hydration yükü) | 0 KB (Sıfır gereksiz JS) |
| İlk İçerikli Boyama (FCP) | 2.5s – 5.0s (Sunucu yanıtı + render) | 1.8s – 3.2s (Hydration beklemesi) | < 0.4s (Doğrudan statik HTML) |
| En Büyük Zengin Boyama (LCP) | 4.0s – 7.0s | 2.5s – 4.5s | < 0.8s (Mükemmel yeşil skor) |
| Google PageSpeed Skoru | 35 – 65 / 100 (Kırmızı/Turuncu) | 60 – 80 / 100 (Turuncu) | 95 – 100 / 100 (Kusursuz Yeşil) |
| Veritabanı Yükü | Her ziyarette MySQL sorguları | API veya SSR sunucu maliyeti | Sıfır (CDN / Statik barındırma) |
Astro Adalar (Islands) Mimarisi Nasıl Çalışır?
Astro’nun felsefesi “varsayılan olarak statik HTML”dir. Sayfanızın %95’i (başlıklar, metinler, tablolar, görseller) statiktir ve JavaScript gerektirmez:
<!-- Statik HTML olarak derlenen alan (Sıfır JS) -->
<header class="site-header">
<h1>Kurumsal Web Çözümleri</h1>
</header>
<!-- Yalnızca etkileşim gerektiğinde yüklenen dinamik ada -->
<IletisimFormu client:visible />
Yukarıdaki örnekte client:visible yönergesi sayesinde iletişim formu JavaScript kodu, ziyaretçi sayfanın o bölümüne kaydırana kadar tarayıcıya indirilmez. Bu sayede ilk yüklemede bant genişliği tüketilmez ve tarayıcı thread’i kilitlenmez.
Google Core Web Vitals ve SEO’ya Doğrudan Etkisi
Google arama algoritması 2021 yılından itibaren Sayfa Deneyimi (Page Experience) sinyallerini resmi sıralama faktörü ilan etmiştir. Astro ile geliştirilen kurumsal sitelerde:
- LCP (Largest Contentful Paint): İlk ekran görseli veya başlığı 0.8 saniyenin altında render edilir.
- INP (Interaction to Next Paint): JavaScript thread blokajı olmadığı için tıklamalar gecikmesiz yanıt verir.
- CLS (Cumulative Layout Shift): Boyutları önceden tanımlanmış bileşenler sayesinde sıfır görsel kayma oluşur.
Işık hızında ve SEO uyumlu web projeleriniz için Kurumsal Web Tasarım ve SEO Çözümleri sayfamızı ziyaret edin.