网站首页优化-(网站优化能发外链的gvm网站大全)

来源丨程序员Yupi（ID：）授权转载

作者丨鱼皮

大家好，我是Yupi。最近有同学反映我做的面试刷网站()页面加载速度有点慢，所以决定先简单优化一下。

其实我只做了一件小事，用了两分钟左右的时间，把网站的加载速度从原来的5秒左右优化到1.5秒！从时间成本和效果来看，这已经是质的飞跃了。

那我用了什么黑科技呢？简单分享给大家。

网站加载速度优化

我用过两种技术，分别是CDN和HTTP/2。在这里，我们将重点关注前者。

先说CDN，即内容分发网络。本来我们的网页文件是放在一个单一的服务器（或集群）上的，全世界的用户都只能从这个服务器上获取网站。这有几个缺点：

单台服务器压力大

如果服务器出现故障，所有用户都将失去访问权限（单点故障）

用户离服务器越远，访问速度越慢

CDN的作用就是帮助我们把原来服务器上的文件分布到不同地域的多个网络节点上。用户访问网站时，只需从离自己最近的节点获取网页文件即可（如果获取不到，CDN会自动从源站拉取文件，俗称回源）。

因此，使用CDN可以分担单个服务器的负载网站首页优化，减少网站的文件传输时间，一定程度上提高了网站的容错能力。如果前段时间西安的某个程序使用了CDN，可能就不会出什么意外了。

放一张对比网络拓扑图，一目了然：

如何为网站启用CDN？我们普通人很难自己搭建CDN，一般使用云服务商提供的CDN服务。比如我肯定是在用腾讯云，因为我的网站前后端都放在腾讯云上。CDN配置更简单，回源更快，问题也相对容易解决。

腾讯云CDN配置

通过上图左侧的列表，我们可以看到有很多CDN相关的配置。

首先配置一个CDN域名，一般是自己的二级域名()加一个前缀如cdn/网站首页优化，如：.

然后为域名配置回源地址和回源HOST。如果 CDN 没有缓存你的文件，它会从这个地址拉取源文件。返回源HOST的主要目的是告诉源站你是谁，谁要从我这里得到文件，从而返回给你正确的资源。

还可以进行权限控制，比如只允许特定域名的网页请求文件，防止文件被其他网站盗用，刷你的CDN资源占用（扣你的钱）。

你还可以配置IP访问频率限制，这样可以防止单一IP地址的用户攻击你的网站，也可以在一定程度上限制流量，为自己省点钱。虽然DDOS还是无法避免，但聊胜于无。

IP访问频率限制

如果使用CDN，还必须注意缓存时间的设置。相对于网站的静态文件不会发生变化，缓存时间可以设置的更长一些。但是动态网页（页面内容的动态更新）一般不需要缓存，否则用户看到的内容是一样的。

建议每次更新网站静态文件时，为该文件生成一个随机后缀，可以防止网页文件更新后CDN未更新导致用户看不到最新页面的问题. 现在很多前端框架和打包工具都会自动为你生成文件后缀，不需要你做任何额外的工作。比如我用UMI框架+打包工具。生成的文件如下：

除了加速网站，今天的 CDN 还引入了一些衍生能力，例如：

但是CDN肯定是要花钱的，而且一般是按流量计费的，所以建议大家在使用CDN之前考虑一下是否有必要。比如前期你的网站用户不多，或者用户都关在你服务器的机房，那么就没有必要增加消耗。

之前没有做CDN，主要是前期规模小，不值得。但是经过统计分析，我发现目前的网站用户已经覆盖了全国各地。不如用CDN给大家更好的体验。使用 CDN 后，我网站的首次加载时间从 5 秒下降到 3 秒左右。不得不说，真的很好吃！

后来在腾讯云的CDN配置页面，惊喜的发现了HTTP/2的开关：

HTTP/2 作为最新的 HTTP 协议，与目前使用最广泛的 HTTP 1.1 相比，大幅提升了 Web 性能，进一步降低了网络延迟。

HTTP/2 的水很深。二进制、多路复用、数据流、服务器的主要特点是什么？现在直接使用，很快就搞定了！