由 dawei 搭建网站前，框架选型需兼顾项目目标与团队能力。静态站点优先考虑Hugo或Jekyll——轻量、生成快、无服务器依赖；内容驱动型项目可选WordPress，生态成熟、插件丰富；而交互复杂的应用，React、Vue或Svelte更合适——它们支持组件化开发，便于长期维护。若追求服务端渲染与SEO友好，Next.js（React）或Nuxt（Vue）是稳妥选择；新兴框架如Astro，则以“岛屿架构”著称，仅在必要时激活JS，显著降低初始加载体积。
性能优化始于资源瘦身。图片务必使用WebP或AVIF格式，并通过srcset实现响应式适配；CSS和JavaScript需压缩、合并，并启用Gzip/Brotli压缩。关键CSS内联，非关键JS设为async或defer，避免阻塞渲染。字体采用font-display: swap，确保文字及时可见。
构建阶段启用Tree Shaking与Code Splitting，按路由或功能动态加载代码。生产环境禁用开发工具和console日志，减少冗余开销。CDN部署必不可少，静态资源托管至边缘节点，缩短用户访问延迟；配合HTTP/2或HTTP/3协议，提升并发传输效率。
服务端层面，启用缓存策略：静态资源设置长缓存（max-age=31536000），HTML等动态内容采用协商缓存（ETag或Last-Modified）。数据库查询加索引，高频接口引入Redis缓存热点数据。Node.js等运行环境注意进程管理与内存泄漏监控，避免因单点故障拖垮整站。
建议图AI生成，仅供参考
实际上线前务必实测——Lighthouse评分建议达90+，FCP（首次内容绘制）控制在1.5秒内，TTI（可交互时间）低于3.5秒。关注真实用户监控（RUM），收集不同网络与设备下的性能数据，而非仅依赖实验室测试。优化不是一次性任务，应嵌入CI/CD流程，每次部署自动校验核心指标，持续交付高性能体验。