Astro ने मेरी साइट को एक परफेक्ट PageSpeed स्कोर दिया
शुरुआत में मुझे Astro पर संदेह था। मैं React और Next.js का उपयोग करता था। फिर मैंने Zimnovate साइट बनाई। Google PageSpeed ने इसे एक परफेक्ट स्कोर दिया।
Astro डिफ़ॉल्ट रूप से ज़ीरो JavaScript भेजता है। अधिकांश frameworks स्टैटिक कंटेंट के लिए ब्राउज़र को कोड चलाने के लिए मजबूर करते हैं। Astro बिल्ड टाइम पर कंपोनेंट्स को HTML में रेंडर करता है।
यह Islands Architecture का उपयोग करता है। आपका पेज एक स्टैटिक महासागर (ocean) है। इंटरैक्टिव हिस्से द्वीप (islands) हैं। महासागर सादा HTML है। केवल द्वीप ही JavaScript का उपयोग करते हैं।
आप नियंत्रित कर सकते हैं कि कोड कब लोड हो:
- client:visible तब लोड होता है जब यूजर स्क्रॉल करता है।
- client:load तुरंत लोड होता है।
- client:idle तब लोड होता है जब ब्राउज़र खाली (free) हो।
मैंने Astro 4.x, Tailwind CSS, और Supabase का उपयोग किया। Supabase ब्लॉग पोस्ट को स्टोर करता है। Astro बिल्ड के दौरान इस डेटा को फेच (fetch) करता है। यूजर्स को कैश (cached) किया हुआ HTML मिलता है। यह तुरंत काम करता है।
यह SEO में मदद करता है। सर्च बॉट्स को तुरंत HTML दिखाई देता है। वे JavaScript का इंतज़ार नहीं करते हैं।
आप एक ही प्रोजेक्ट में React, Vue, या Svelte का उपयोग कर सकते हैं। आप अपने स्किल्स बरकरार रखते हैं और आपको बेहतर स्पीड मिलती है।
Astro का उपयोग इनके लिए करें:
- एजेंसी साइट्स
- लैंडिंग पेज
- CMS ब्लॉग्स
- पोर्टफोलियो
Astro से इनसे बचें:
- डैशबोर्ड्स
- रियल-टाइम ऐप्स
वेब अब भारी (bloated) हो गया है। Astro इसे ठीक करता है। यह परफॉरमेंस को प्राथमिकता देता है।
वैकल्पिक लर्निंग कम्युनिटी: https://t.me/GyaanSetuAi