𝗔𝘀𝘁𝗿𝗼 𝗚𝗮𝘃𝗲 𝗠𝘆 𝗦𝗶𝘁𝗲 𝗮 𝗣𝗲𝗿𝗳𝗲𝗰𝘁 𝗣𝗮𝗴𝗲𝗦𝗽𝗲𝗲𝗱 𝗦𝗰𝗼𝗿𝗲

𝗔𝘀𝘁𝗿𝗼 𝗚𝗮𝘃𝗲 𝗠𝘆 𝗦𝗶𝘁𝗲 𝗮 𝗣𝗲𝗿𝗳𝗲𝗰𝘁 𝗣𝗮𝗴𝗲𝗦𝗽𝗲𝗲𝗱 𝗦𝗰𝗼𝗿𝗲

మొదట నేను Astro గురించి సందేహించాను. నేను React మరియు Next.js ఉపయోగించేవాడిని. ఆ తర్వాత నేను Zimnovate సైట్‌ను నిర్మించాను. Google PageSpeed దానికి పర్ఫెక్ట్ స్కోర్‌ను ఇచ్చింది.

Astro డిఫాల్ట్‌గా సున్నా JavaScriptను పంపిస్తుంది. చాలా ఫ్రేమ్‌వర్క్‌లు స్టాటిక్ కంటెంట్ కోసం బ్రౌజర్‌ను కోడ్‌ను రన్ చేయమని బలవంతం చేస్తాయి. Astro బిల్డ్ సమయంలోనే కాంపోనెంట్స్‌ను HTMLగా రెండర్ చేస్తుంది.

ఇది Islands Architectureను ఉపయోగిస్తుంది. మీ పేజీ ఒక స్టాటిక్ సముద్రం వంటిది. ఇంటరాక్టివ్ భాగాలు ద్వీపాలు (islands) వంటివి. ఆ సముద్రం సాధారణ HTML. కేవలం ఆ ద్వీపాలు మాత్రమే JavaScriptను ఉపయోగిస్తాయి.

కోడ్ ఎప్పుడు లోడ్ అవ్వాలో మీరు నియంత్రించవచ్చు:

• client:visible యూజర్ స్క్రోల్ చేసినప్పుడు లోడ్ అవుతుంది.
• client:load వెంటనే లోడ్ అవుతుంది.
• client:idle బ్రౌజర్ ఖాళీగా ఉన్నప్పుడు లోడ్ అవుతుంది.

నేను Astro 4.x, Tailwind CSS మరియు Supabase ఉపయోగించాను. Supabase బ్లాగ్ పోస్ట్‌లను స్టోర్ చేస్తుంది. Astro బిల్డ్ సమయంలో ఈ డేటాను ఫెచ్ చేస్తుంది. వినియోగదారులకు క్యాష్ చేయబడిన (cached) HTML లభిస్తుంది. ఇది చాలా వేగంగా (instant) జరుగుతుంది.

ఇది SEOకి సహాయపడుతుంది. సెర్చ్ బాట్‌లు వెంటనే HTMLని చూస్తాయి. అవి JavaScript కోసం వేచి ఉండవు.

మీరు ఒకే ప్రాజెక్ట్‌లో React, Vue లేదా Svelte ఉపయోగించవచ్చు. దీనివల్ల మీ నైపుణ్యాలు అలాగే ఉంటాయి, అదే సమయంలో మెరుగైన వేగాన్ని కూడా పొందవచ్చు.

వీటి కోసం Astroని ఉపయోగించండి:

• Agency sites
• Landing pages
• CMS blogs
• Portfolios

వీటి కోసం Astroని నివారించండి:

• Dashboards
• Real-time apps

వెబ్ ఇప్పుడు చాలా భారంగా (bloated) మారింది. Astro దీనిని సరిచేస్తుంది. ఇది పనితీరుకు (performance) మొదటి ప్రాధాన్యత ఇస్తుంది.

Source: https://dev.to/vincent_mugondora_599ed60/i-built-the-zimnovate-agency-site-with-astro-and-google-pagespeed-gave-it-a-perfect-score-heres-4img

Optional learning community: https://t.me/GyaanSetuAi