使用 Netlify 和 Gatsby 减少初始服务器响应时间

IT技术 reactjs gatsby pagespeed netlify lighthouse
2021-04-25 02:23:14

在我的网站上运行PageSpeed Insights,有时我遇到的一个大错误是

减少初始服务器响应时间

保持主文档的服务器响应时间较短,因为所有其他请求都依赖于它。学到更多。

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

我抬起头来renderToNodeStream()renderToStaticNodeStream()但我真的不明白它们如何与 Gatsby 一起使用。

看起来其他人也遇到问题

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

我的 DNS 记录

在此处输入图片说明

2个回答

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

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

好吧,这种行为是出乎意料的,我运行了您网站的 pagespeed 见解,它在第一次测试时给了我警告,初始响应时间为 0.74 秒。然后我使用我的开发人员工具查看文档根目录的初始响应时间,大约在 300 到 400 毫秒之间。所以我再次进行了页面速度测试,响应为 140 毫秒。测试通过了。之后是 120 毫秒。请参阅随附的图像。

在此处输入图片说明

我完全认为该网站没有问题。尽管如此,如果您想尝试,我会建议您更换一次服务器或您的主机,尝试做一些不同的事情。我不知道您现在部署站点的位置是哪种服务器。您可以尝试 AWS S3 和 CloudFront,对我来说效果很好。