使用 Netlify 和 Gatsby 缩短初始服务器响应时间

2023-12-08

我在跑PageSpeed 见解在我的网站上,我有时遇到的一个大错误是

减少初始服务器响应时间

保持主文档的服务器响应时间较短,因为所有 其他请求取决于它。了解更多。

React 如果您在服务器端渲染任何 React 组件,请考虑 使用renderToNodeStream() or renderToStaticNodeStream()允许 客户端接收并合并标记的不同部分 而不是一次性全部完成。了解更多。

我抬头renderToNodeStream() and renderToStaticNodeStream()但我不太明白它们如何与盖茨比一起使用。

它看起来像一个其他人也遇到的问题

域是https://suddenlysask.com如果你想看看

我的 DNS 记录

enter image description here


在非顶级域上使用 CNAME 记录。通过使用裸/顶点域,您可以绕过 CDN 并强制所有请求通过负载均衡器。这意味着您最终会使用一个 IP 地址来服务所有请求(同时连接更少),服务器会代理内容而不进行缓存,并且与用户的距离可能会更远。

编辑:此外,您的 HTML 文件超过 300KB。那是obscene。看起来您将 Bootstrap 包含在其中两次,您正在重复相同的内联<style>一遍又一遍地使用略有不同的选择器哈希进行标记,并且您有大量(未使用的)实用程序类。如果可能的话,您只想内联关键 CSS;如果您无法对其进行树摇动,请从外部文件中提供其余部分。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Netlify 和 Gatsby 缩短初始服务器响应时间 的相关文章

随机推荐