我怎样将网站的加载时间减少 67%？

本文最初发布于 Hacker Noon 博客，经原作者授权由 InfoQ 中文站翻译并分享。

在大多数情况下， JeremyMorgan.com 网站的首页在世界各地的加载时间都不到一秒。

这个网站的速度之前就很快， 3 秒钟就可以加载完成，但现在更快了。我将在本文中披露我是怎么设置的。

我选择使用 Hugo 构建这个网站，并托管在 Netlify 上。

之前的网站设置

大约在 2011 年的某个时候，我决定从 WordPress 转移到静态站点生成器。理由很简单：我写好一篇文章，发表它，之后不会修改太多。这当然不足以证明从数据库提供服务更合理。因此，有一个系统可以为每篇文章生成一个 HTML 页面并以静态的方式提供出来就够了。

我决定选用 Octopress ，它在当时是一个非常受欢迎的 Jekyll 包装器，也很好地满足了我的需求。

仅这一步就大大减少了加载时间。然后，我变得有点沉迷于页面加载速度，做了很多事情来让它加载得更快，包括：

• 图像优化（我用过的一些工具）
• 简化 CSS 和 JavaScript
• 对某些资产使用 CDN

我对这种设置当然很满意。多年来，我的工作流程就是新建一篇文章，在笔记本电脑或台式机上生成它，然后将文件 SCP 到运行 Nginx 的 FreeBSD 服务器上。这种方式持续了很长一段时间。回顾过去，那是一个糟糕的工作流程，但我两个月才写一篇文章，所以这样也没什么问题。

原文链接:【 https://www.infoq.cn/article/42bEcEGgiFQsqabSU69K 】。未经作者许可，禁止转载。