• 10 min read • @Higher
Astro 5.0 实战：构建高性能文档站
#Astro
#Web Performance
#Tutorial
为什么选择 Astro 5.0?
Astro 5.0 是 content-driven 网站的终极解决方案。
Content Layer API
新的 Loader API 允许你从任何来源（Notion, CMS, Database）加载内容，并且具有增量构建的能力。
import { defineCollection } from 'astro:content';import { glob } from 'astro/loaders';
const blog = defineCollection({ loader: glob({ pattern: "**/*.md", base: "./src/data/blog" }), schema: /* ... */});性能基准测试
| 框架 | First Contentful Paint (ms) | Time to Interactive (ms) |
|---|---|---|
| Astro 5.0 | 450 | 600 |
| Next.js 15 | 800 | 1200 |
| Nuxt 4 | 750 | 1100 |
数据来源: Google Lighthouse 测试结果，基于标准博客模板。