Astro منح موقعي درجة مثالية في PageSpeed
شككت في Astro في البداية. كنت أستخدم React و Next.js. ثم قمت ببناء موقع Zimnovate. وقد منحته Google PageSpeed درجة مثالية.
يقوم Astro بإرسال صفر من ملفات JavaScript افتراضياً. تُجبر معظم أطر العمل المتصفح على تشغيل الكود للمحتوى الثابت. أما Astro فيقوم بتحويل المكونات إلى HTML أثناء وقت البناء.
يعتمد Astro على بنية الجزر (Islands Architecture). صفحتك عبارة عن محيط ثابت، والأجزاء التفاعلية هي الجزر. المحيط عبارة عن HTML بسيط، والجزر فقط هي التي تستخدم JavaScript.
يمكنك التحكم في وقت تحميل الكود:
client:visibleيتم تحميله عند تمرير المستخدم.client:loadيتم تحميله فوراً.client:idleيتم تحميله عندما يكون المتصفح متاحاً.
استخدمت Astro 4.x و Tailwind CSS و Supabase. يقوم Supabase بتخزين منشورات المدونة، ويقوم Astro بجلب هذه البيانات أثناء عملية البناء. يحصل المستخدمون على HTML مخزن مؤقتاً (cached). إنه أمر فوري.
هذا يساعد في تحسين محركات البحث (SEO). ترى روبوتات البحث الـ HTML فوراً، ولا تنتظر تحميل JavaScript.
يمكنك استخدام React أو Vue أو Svelte في مشروع واحد. ستحافظ على مهاراتك، وستحصل على سرعة أفضل.
استخدم Astro لـ:
- مواقع الوكالات
- صفحات الهبوط
- مدونات CMS
- ملفات الأعمال
تجنب Astro لـ:
- لوحات التحكم
- تطبيقات الوقت الفعلي
الويب أصبح مثقلاً. Astro يعالج هذه المشكلة، حيث يضع الأداء في المقام الأول.
مجتمع تعليمي اختياري: https://t.me/GyaanSetuAi