Part of the series: Becoming Astron
Kita sampai di penghujung Bagian 1: Fondasi.
Banyak framework menjanjikan “performa tinggi”, tapi biasanya itu butuh kerja keras dari developer (optimasi gambar, lazy loading, dll). Di Astro, performa tinggi adalah pengaturan default.
SEO yang “Gratis”
SEO (Search Engine Optimization) sangat bergantung pada seberapa mudah mesin pencari (seperti Google) membaca kontenmu.
- Framework SPA: Google harus menjalankan JavaScript dulu untuk melihat konten. Kadang ini lambat atau gagal.
- Astro: Google menerima HTML murni yang sudah berisi semua teks. Sangat mudah diindeks, sangat cepat dipahami.
Di Astro, kamu punya kendali penuh atas tag <head>, <title>, dan <meta> di setiap halaman tanpa perlu library tambahan seperti react-helmet.
Performa: Rahasia di Balik Kecepatan
Kenapa Astro terasa sangat cepat?
- Zero JS by Default: Browser tidak perlu mengunduh, mem-parsing, dan menjalankan JavaScript jika tidak ada interaksi.
- Smart Bundling: Astro hanya mengirimkan CSS dan aset yang benar-benar dipakai di halaman tersebut.
- Optimasi Gambar: Astro punya komponen
<Image />bawaan yang otomatis mengubah ukuran dan format gambar agar seringan mungkin.
Mental Model: Membangun dengan Sadar
Astro mengajarkan kita untuk tidak “boros”. Setiap byte yang kita kirim ke user harus punya alasan yang kuat.
- Apakah tombol ini butuh JavaScript? Jika hanya untuk navigasi, gunakan
<a>biasa. - Apakah gambar ini perlu resolusi 4K? Jika hanya untuk thumbnail, biarkan Astro mengoptimalkannya.
Apa Selanjutnya?
Dengan menyelesaikan tulisan ini, kamu sudah resmi menuntaskan Bagian 1: Fondasi. Kamu sudah punya pemahaman yang utuh tentang kenapa Astro ada dan bagaimana ia bekerja secara fundamental.
Tapi, teori tanpa praktik itu seperti kopi tanpa air—hanya bubuk.
Di Bagian 2: Membangun dengan Astro, kita akan mulai mengotori tangan kita. Kita akan membangun project nyata dari nol, langkah demi langkah.
Siap untuk benar-benar menjadi seorang Astron? Sampai jumpa di Bagian 2!