Eleventy 新版支持 ESM,纽约时报采用 React 18

Eleventy 新版支持 ESM,纽约时报采用 React 18

💡 原文英文,约1000词,阅读约需4分钟。
📝

内容提要

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支持者资助。

🏷️

标签

➡️

继续阅读