Hızlı Özet (TL;DR)
Tek sayfa uygulamaları (Single Page Application - SPA) ve modern JavaScript kütüphaneleri (React, Vue, Angular) web geliştirmede devrim yaratmış olsa da; salt bilgi ve tanıtım sunan kurumsal web siteleri için devasa bir performans yükü getirmiştir. Bir web sayfasındaki statik metinleri göstermek için yüzlerce kilobayt JavaScript indirmek ve tarayıcıda “hydration” çalıştırmak cihazın pilini ve işlemcisini tüketir. Adalar (Islands) Mimarisi, sayfayı saf statik HTML okyanusu olarak kurgulayıp yalnızca etkileşimli bileşenleri izole JavaScript adacıkları olarak yükler.
Neden Sıfır JavaScript?
- Anında Etkileşim: Ziyaretçi sayfayı açtığı mikrosaniyede metinleri okuyabilir, linklere tıklayabilir; JavaScript dosyasının indirilip çözümlenmesini (parse) beklemez.
- Düşük Donanımlı Cihazlarda Kusursuzluk: Fabrika sahasındaki eski bir tablet veya bütçe dostu akıllı telefonlarda dahi sayfa takılmadan akar.
- SEO ve Bot Uyumluluğu: Arama motoru örümcekleri JavaScript render kuyruğunda beklemeden sayfa içeriğini anında dizine ekler.
İstemci Yönergeleri (Client Directives) ile Akıllı Yükleme
Astro Adalar mimarisinde her etkileşimli bileşenin ne zaman yükleneceğini milisaniye hassasiyetinde yönetebilirsiniz:
| Yönerge | Çalışma Mantığı | İdeal Kullanım Alanı |
|---|---|---|
| client:load | Sayfa açıldığı anda hemen yüklenir | Kritik navigasyon menüsü, sepet widget’ı |
| client:idle | Tarayıcı ana yüklemeyi bitirip boşta kalınca yüklenir | İkincil arama filtreleri, bildirimler |
| client:visible | Kullanıcı sayfayı kaydırıp öğeyi görene kadar yüklenmez | Sayfa altındaki iletişim formu, yorumlar |
| client:media | Yalnızca belirli ekran genişliğinde (örn. mobil) yüklenir | Mobil hamburger menü paneli |
Gereksiz kod yükünden arındırılmış, hafif ve ışık hızında web siteleri için Kurumsal Web Tasarım ve SEO Çözümleri sayfamızı inceleyin.