内容提要
Eleventy发布了3.0 beta版本,支持ECMAScript模块(ESM)。Vercel对Google的爬行行为进行了实验,并揭穿了关于JavaScript的过时观念。纽约时报通过React 18提升了网页性能。Astro发布了4.13版本,稳定了实验性功能并改进了日志记录。
延伸解读
Eleventy 3.0 的 ESM 迁移:兼容并蓄
Eleventy 3.0 beta 转向 ESM,但团队明确表示继续支持 CommonJS,且对许多项目并非破坏性变更。这意味着现有用户可能无需立即重写配置或模板,但若想使用 ESM 特性,需关注文档更新。ESM 是浏览器原生模块格式,迁移后有助于与现代工具链对齐,但项目仍需评估自身依赖是否完全兼容。
Vercel 实验揭示:Google 能处理 JavaScript
Vercel 与 MERJ 合作,分析超过 10 万次 Googlebot 抓取,发现许多关于 JavaScript 与 SEO 的担忧已过时。实验表明 Google 能渲染 JS 内容,但建议优先性能、遵循懒加载最佳实践,并在 React 应用中实现错误边界,防止组件错误导致整体渲染失败。定期更新站点地图也被强调。
纽约时报 React 18 升级:性能提升与挑战
纽约时报将网站升级至 React 18,利用并发模式、自动批处理和服务器端渲染等特性,使交互到下一次绘制(INP)分数在 p75 范围下降约 30%,重新渲染次数减少一半。但升级过程并非一帆风顺,团队需处理 React 16 与 18 的差异及依赖问题。这表明大型站点采用新版本需权衡性能收益与迁移成本。
Astro 4.13:稳定实验特性,改进日志
Astro 4.13 将请求重写和内容集合 JSON 架构两个实验性功能转为稳定。请求重写允许在不改变浏览器 URL 的情况下渲染另一页面;内容集合 JSON 架构自动生成模式,为编辑器提供自动补全和验证。此外,构建日志现在会用红色标记耗时较长的页面,帮助开发者快速定位瓶颈。
Q&A
Eleventy 3.0 beta版本有哪些新特性?
Eleventy 3.0 beta版本支持ECMAScript模块(ESM),并继续支持CommonJS,允许在项目中使用ESM进行配置、数据文件和模板。
Vercel对Google爬虫行为的研究结果是什么?
Vercel的研究揭示了关于JavaScript的过时观念,并提出了八项SEO建议,包括优先考虑性能和遵循Google的懒加载最佳实践。
纽约时报如何利用React 18提升网页性能?
纽约时报通过React 18实现了更平滑的渲染、自动批处理和服务器端渲染,从而显著提升了网页性能。
Astro 4.13版本有哪些改进?
Astro 4.13版本稳定了请求重写和内容集合JSON架构的实验性功能,并改进了日志记录。
React 18的并发模式有什么优势?
React 18的并发模式允许同时渲染更新和用户交互,提升了用户体验并减少了屏幕上的杂乱信息。
Eleventy的开发背景是什么?
Eleventy是由Zach Leatherman创建的静态网站生成器,目前独立运营,开发和维护由Open Collective支持者资助。