提高网站访问速度的方法

前言：刷到了鱼皮的关于CDN的科普视频，就一并在网上查了一下提高网站访问速度方法，当然很多其实也看不太懂，就先把搞懂原理的几个记下来，日后再补充。本文大部分内容来自：前端页面性能优化 - 简书 (jianshu.com)。

---

一、更换到国内的服务器

二、将网站中的图片资源更改为webp：

无损压缩比可达比png格式达到28%

三、仍然使用jpg/png格式：

不追求图片质量的话反复压缩，实测可达到比webp格式更小的规格。网站使用图片是选择PNG、JPG 还是 SVG？ - 知乎 (zhihu.com)

四、将网站挂到CDN上：

CND即Content Delivery Network，可将内容提前分发到全国各地的站点上，根据用户访问地实时选择最近的访问节点。类似于京东仓库的模式。需要注意的是，CDN一般用来存储静态资源。

五、合并CSS和JS文件：

每引入一个文件就会进行一次http请求，尽可能的减少文件的引入，减少http请求的次数。当然，也要视情况而定。

六、CSS资源放顶部 JS资源放底部：

先完成页面渲染的同时，防止JS阻塞页面渲染以及DOM。