Astro ile hızlı web siteleri
Neden statik üretimi ve ada mimarisini tercih ediyoruz? Astro ile daha az JavaScript, daha hızlı yükleme ve daha iyi SEO üzerine pratik bir bakış.
Güncellendi:
Not: Bu bir örnek yazıdır. İçerik, blog şablonunun nasıl göründüğünü göstermek için hazırlanmıştır.
Hızlı bir web sitesi, lüks değil; bir saygı göstergesi. Ziyaretçinin zamanına, verisine ve sabırsızlığına saygı. Bu yüzden çoğu projede Astro tercih ediyoruz.
Varsayılan olarak sıfır JavaScript
Astro’nun en sevdiğimiz yanı, tarayıcıya yalnızca gerekeni göndermesi. Statik HTML üretiliyor, etkileşim gereken yerlerde ise yalnızca o “ada” hidratlanıyor. Sonuç:
- Daha hızlı ilk boyama
- Daha küçük paket boyutu
- Daha iyi Lighthouse skorları
Bir bileşen ne kadar küçük olabilir?
Astro bileşenleri sunucuda render edilir; gerektiğinde bir <script> ile zenginleştirilir:
---
const items = ["tasarım", "kod", "gönderim"];
---
<ul>
{items.map((item) => <li>{item}</li>)}
</ul>Bu kadar. Ekstra çalışma zamanı yok, gizli maliyet yok.
Ne zaman Astro, ne zaman değil?
Astro, içerik ağırlıklı siteler için harika: pazarlama sayfaları, bloglar, dokümantasyon. Ağır uygulama mantığı için başka araçları tercih edebiliriz. Doğru aracı seçmek de işin bir parçası.
Daha fazlası için Astro’nun resmî dokümanlarına bakabilirsiniz.
Sonuç
Performans bir özellik değil, bir temel. Astro bize bu temeli zahmetsizce kuruyor — gerisini biz halledeceyik.