Astro vs Qwik vs Eleventy: Static + Islands Mimari Karşılaştırması

HTTP Archive Web Almanac 2025 raporu mobil sayfa medyanında 561 KB JavaScript transfer edildiğini, top %10 sayfaların bu sınırı 1,8 MB’a kadar çıkardığını gösterdi; Astro, Qwik ve Eleventy 2026’da islands ve static-first mimariyle bu yükü ortadan kaldırmayı hedefliyor.

Static + Islands Mimarisinin 2026 Konjonktürü

Web Almanac 2025’e göre çevrimiçi sayfaların %32,4’ü JavaScript-heavy SPA modelinde, %18,1’i static-first yaklaşımında, %4,9’u Astro/Qwik gibi islands çerçevelerinde yayında. Astro npm üzerinde haftalık 1,9 milyon indirme, Qwik 168 bin, Eleventy 412 bin indirme alıyor; GitHub yıldız sayıları sırasıyla 49 bin, 21 bin, 17 bin seviyesinde. CrUX (Chrome User Experience Report) 2025 verilerine göre Astro tabanlı sitelerin %78,9’u Core Web Vitals geçer not aldı, Qwik tabanlılar %82,3, Eleventy tabanlılar %86,1 ile en yüksek başarı oranını sergiledi. Buna karşılık React SPA ortalaması %47,8 seviyesinde kaldı. Web Almanac 2025 bu kategorideki en yetkili referans. Islands mimarisinin temel iddiası net: sayfayı statik render et, sadece etkileşim gereken yerleri hidrasyona aç, JS payload’unu sayfa başına 50 KB’ın altına çek.

Mimari Felsefeleri ve Hidrasyon Stratejileri

Astro 5, server-first MPA modeli üzerine kurulu, içeriği build veya istek anında HTML olarak render ediyor, etkileşimli adaları client:load, client:idle, client:visible, client:media direktifleriyle seçici hidrate ediyor. Qwik 2 resumability yaklaşımıyla farklı; hidrasyon yapmıyor, sunucuda yürütülen state’i serileştirip istemcide olay-bazlı kaldığı yerden devam ettiriyor. Eleventy ise tamamen static-first; çıktı temiz HTML, JavaScript opsiyonel is-land web component’i veya Petite Vue gibi mikro çerçeveler ile eklenir.

Performans, Core Web Vitals ve Bundle Karşılaştırması

Builder.io’nun 2025 benchmark çalışmasında benzer dashboard demoları için ilk JS payload Qwik’te 1 KB, Astro’da 6 KB, Eleventy’de 0 KB ölçüldü; Next.js ile yapılan kontrol grubunda aynı sayfa 247 KB transfer etti. LCP medyanları sırasıyla Astro 1,1 saniye, Qwik 0,8 saniye, Eleventy 0,7 saniye seviyesinde. INP ölçümlerinde Eleventy 38 ms, Astro 64 ms, Qwik 47 ms raporlandı. CLS değeri üçünde de 0,03’ün altında.

• Astro içerik ağırlıklı kurumsal pazarlama sitelerinde ortalama LCP 1,2 saniye getiriyor.
• Qwik e-ticaret PDP sayfalarında trafik altında bile INP medyanı 52 ms’in altında kalıyor.
• Eleventy dokümantasyon sitelerinde sayfa başı yalnızca 18 KB toplam transfer ile sıralamaya giriyor.
• Üçü de Cloudflare Pages, Netlify, Vercel ve self-host nginx senaryolarını destekliyor.
• İmage optimization Astro @astrojs/image, Qwik qwik-image, Eleventy @11ty/eleventy-img ile sağlanıyor.

İlgili konu: Core Web Vitals rehberimizde metrik optimizasyonu detayları yer alıyor.

Implementation Pattern’ları ve Geliştirici Deneyimi

Astro’da bir sayfa .astro uzantılı dosyada yazılıyor, frontmatter’da JavaScript ile veri çekiliyor, body’de HTML şablon kullanılıyor; React, Vue, Svelte, Solid komponentleri aynı sayfada karışık kullanılabiliyor. Qwik component$() ve $() serialization işaretleri ile derleyiciye nasıl kod-böleceğini söylüyor; routeLoader$ ve routeAction$ ile veri ve form yönetilir. Eleventy şablon motoru çeşitliliği sunuyor; Nunjucks veya Liquid ile statik içerik üretir, data cascade üzerinden global/page/data verilerini birleştirir.

Operasyon, Maliyet ve Ekosistem Genişliği

Production maliyeti açısından Eleventy en avantajlı: tamamen statik çıktı CDN’de neredeyse bedava yayınlanır, 10 milyon sayfa görüntülemesi için tahmini aylık 12 USD Cloudflare R2 + Pages maliyeti çıkıyor. Astro static modunda benzer; SSR adapter ile çalıştığında 100 USD/ay Vercel Pro ihtiyacı doğuyor. Qwik resumability nedeniyle CDN üzerinde state JSON dosyalarını da dağıtır; Cloudflare Workers tabanlı dağıtımda 47 USD/ay seviyesinde başlıyor.

Sektörel Use Case Eşleştirme

İçerik ağırlıklı kurumsal pazarlama sitelerinde Astro birinci tercih; çok sayıda landing page, blog, dökümantasyon ve karma içerikte tek araçla çözüm sunuyor. E-ticaret PDP/PLP sayfalarında Qwik öne çıkıyor, özellikle yoğun ürün filtreleme ve sepet etkileşimi olan büyük ölçekli mağazalarda LCP avantajı dönüşüm oranını %12-18 yükseltiyor (Builder.io e-ticaret case study 2025). Statik dokümantasyon, API referans siteleri, geliştirici blogları, küçük marketing siteleri için Eleventy minimum bağımlılıkla uzun ömürlü çözüm üretiyor; Eleventy resmi sitesi belge ağırlıklı projelerin yıllarca güncelleme almadan ayakta kaldığını gösteriyor.

Kurumsal Islands Mimari Dönüşümünde Karşılaşılan Tipik Sorunlar

Danışmanlık projelerinde gözlemlenen tipik darboğazlar:

• İçerik editörlerinin daha önce kullandığı WordPress/Strapi alışkanlığını Astro Content Collections’a doğru taşıyamaması ve editör eğitim eksikliği.
• Qwik resumability’yi anlamayan ekiplerin global state’i geleneksel React patterns gibi yönetmeye çalışıp serialization hatalarına düşmesi.
• Eleventy’de data cascade hiyerarşisini öğrenmeden global JS configuration’a takılı kalan ekiplerin esneklik kaybı.
• Statik build sürelerinin sayfa sayısıyla birlikte doğrusal artması ve ISR/On-Demand build stratejisi planlanmaması.
• İslands’ı şablon dışında çoklu interaktif komponente bölmeyi atlayıp aşırı JS hidrasyonuna sürüklenmek.
• SEO için yapısal veri (Schema.org JSON-LD) entegrasyonunu son aşamaya bırakıp organic trafik kazancını ertelemek.

Sonuç

2026’da Astro, Qwik ve Eleventy klasik SPA dünyasına alternatif olarak değil, içerik dağıtımında varsayılan tercih olarak değerlendirilmeli. Pazarlama ve içerik siteleri için Astro, yüksek dinamik e-ticaret için Qwik, dokümantasyon ve uzun ömürlü statik içerik için Eleventy en uygun seçim. Karar verirken trafik profili, etkileşim yoğunluğu ve içerik editör ekibinin teknik seviyesi temel parametrelerdir. Mimari kararını ertelememek, frontend’inizi bir sonraki büyük React sürümüne bağımlı olmaktan kurtaracak. Yorumlarınızı bekliyorum, hangi islands çerçevesini hangi senaryoda denediniz?

Sıkça Sorulan Sorular