Astro обеспечил моему сайту идеальный показатель PageSpeed

Сначала я сомневался в Astro. Я использовал React и Next.js. Затем я создал сайт Zimnovate. Google PageSpeed выдал ему идеальный балл.

Astro по умолчанию не отправляет никакой JavaScript. Большинство фреймворков заставляют браузер выполнять код для статического контента. Astro рендерит компоненты в HTML во время сборки.

Он использует архитектуру островов (Islands Architecture). Ваша страница — это статический океан. Интерактивные части — это острова. Океан — это обычный HTML. Только острова используют JavaScript.

Вы контролируете, когда загружается код:

Я использовал Astro 4.x, Tailwind CSS и Supabase. Supabase хранит посты блога. Astro извлекает эти данные во время сборки. Пользователи получают кэшированный HTML. Это происходит мгновенно.

Это помогает SEO. Поисковые боты сразу видят HTML. Им не нужно ждать выполнения JavaScript.

Вы можете использовать React, Vue или Svelte в одном проекте. Вы сохраняете свои навыки и получаете более высокую скорость.

Используйте Astro для:

Не используйте Astro для:

Веб стал перегруженным. Astro решает эту проблему. Он ставит производительность на первое место.

Источник: https://dev.to/vincent_mugondora_599ed60/i-built-the-zimnovate-agency-site-with-astro-and-google-pagespeed-gave-it-a-perfect-score-heres-4img

Дополнительное обучающее сообщество: https://t.me/GyaanSetuAi