我们测试页面的完全加载时间从

 

将字体文件从 131kb 减少到 41kb 并删除一个外部资源(使用证明)后, 5.1 秒下降到 2.8 秒。这是一个 44% 的改进,绝对会让 Google 满意(见下文)。

这里的改进幅度是 44%。

第五步:转移外部资源。
如果可能,将外部资源移至您自己的服务器,以便您可以控制 Expires 标头(这将 电话号码 指示浏览器更长时间地缓存资源)。例如,我们将 Facebook 像素移至我们的服务器并将其缓存 14 天。这意味着您将负责不时检查更新,但它可以提高您的页面速度。

例如,在我们的私募股权面试问题页面上,可以看到如何从我们的服务器加载 fbevents.js 文件,并且缓存控制 HTTP 标头设置为 14 天(1209600 秒)。

缓存控制:公共,最大年龄 = 1209600

步骤 6:使用内容分发网络 (CDN)
什么是 CDN?请点击此处了解更多信息.

我建议使用Cloudflare ,因为它可以使许多任务比在自己的服 示了一个复杂的技术过程 务器上执行更容易、更快。以下是我们对 Cloudflare 的配置所做的具体操作:

速度
自动拒绝,查全部。
波兰语
启用 Brotoli。

网络
启用

您可以在此处阅读有关此主题的更多信息

目前没有浏览器支持通过未加密的连接使用 HTTP/2。从实际目的来看,这意味着 购买电子邮件列表 您的网站必须通过 HTTPS 提供服务才能利用 HTTP/2。 Cloudflare 有一个免费且简单的方法来启用 HTTPS。在这里查看。
加密
在 SSL 下
选择灵活性。
在 TLS 1.3 下
选择启用+0RTT –此处有更多关于此主题的介绍。

步骤使用服务工作者

服务工作者为网站所有者和开发人员提供了一些有趣的选项(例如推送通知),但在性能方面,我们最兴奋的是这些工作者如何帮助我们构建更好的缓存系统。

要了解如何在您的网站上启动和运行服务工作线程,请参阅此页面。

使用服务工作者缓存的资源(图像、CSS、JavaScript、字体等),回访者通常会比没有服务工作者时获得更快的服务。

测试、工具和要点

对于您尝试提高速度的每项更改,您可以使用以下工具来监控更改的影响并确保您走在正确的轨道上:

Google PageSpeed Insights 于 2018 年 11 月更新(详情请见此处)。它为您提供了大量有关如何基于Lighthouse提高移动设备和桌面页面性能的建议.
我们知道需要消化的内容很多,并且上面链接了很多资源,但如果您时间紧迫,您可以从第 1 步开始,从后端和前端部分开始。仅这两个步骤就能产生很大的不同。

祝你好运,如果你有任何问题请在评论中告诉我。我将确保我的技术主管João Guilherme在发布的第一周内每天至少一次回答社区的任何问题。

祝调音愉快!

 

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部