如何提高网站的加载速度，增加用户体验！

2019-12-06

随着移动端的发展流量入口也越来越偏向移动，如果你的网站打开速度慢会增加用户等待时间大大违背了用户体验的原则，而页面加载速度逐渐被各大搜索引擎纳入搜索排名的因素之一，百度在去年的闪电算法中也明确表示移动端首屏的加载速度将会直接影响搜索排名。
什么是加载速度？
加载速度可以理解，在特定的页面上显示出所有内容的时间，从浏览器的角度是从第一个字节接收信息所需要的时间。研究表明，大部分搜索引擎会专门测量第一个字节的加载时间，缓慢的加载速度影响搜索引擎分配抓取的权限，从而导致索引页面过少【比如说：现实生活中我们要拿一个水杯，如果的此时你的水杯放在在桌上你顺手可以拿到，如果你放在抽屉里，此时需要你打开抽屉才能拿到，所以放在桌上的水杯比较方便减少了你拿的时间，提高了的你的用户体验】

那些因素会影响到网站加载速度：高清图片，弹窗类广告，虚拟主机与服务器相关基础设置，视频，未优化的程序插件与编码，主题模板的相关设计，我们知道影响网站加载速度后怎么解决这些问题呢？
增加网站的加载速度的方法总结如下：
1、开启MIP
百度对于MIP的描述：使用MIP无需等待加载，页面内容将以更友好的方式瞬时到达用户，如果你还未建站建议新站初期就开始采用MIP，否则后期改版相对麻烦，mip的改造方法。
2、CDN
cdn并没有从根本上解决页面加载速度的问题，而是通过云加速，将页面缓存到最快的访问节点，从而提高了页面加载速度，这对于技术薄弱的站长是个福利，同时国内的cdn服务商很多，如果你是依托百度搜索的，还是建议大家使用百度云加速，毕竟百度对自家的产品有一定的扶持。
3、网站的空间线路
没这个前提，就算你网站做的再好，内容再少，服务器多强，打开需要半天没的说，还有可能经常出现打不开的现象，所以，要像网站打开的快，我们就得把这个地基打好，下面楼需要建多少层才好说话。通常我们常用的有电信，网通，或双线路，三线路。无论你选了那种，都要好要快就行了。
4、网站需要全站静态化生成
就是页面的后缀是.html或.php等其它的，为什么这样说呢?你想一下，一般动态的网站，打开页面是，首先他就必须去读取数据库的资料，然后在显示到页面上，走了个弯路，并还有数据库访问的速度和数据库数据多少，数据库的大小所决定。你想不慢都难，静态页面就不同了，它不需要访问数据库，因为它在生成出来时就已通过读取数据库的资料，资料生成出一个页面来了，走的是直路，想不快都难;

5、压缩或精简Javascript代码和css代码
无论什么类型的网站，用户第一次点击网站的时候，都会加载网站的Javascript和css代码，假设这些代码冗多，势必会降低网站打开速度。
如果有这样的问题，就要对代码进行压缩或精简。压缩方面，有大量的第三方工具如站长之家的CSS\JS压缩工具可供大家直接免费试用，经过压缩的代码，普遍能减小40%到65%。精简方面，能用一个样式控制就不用两个，思路是既能满足网站的页面布局，又是最小的代码量。
6、减少HTTP请求数
用户在打开一个网页的时候，后台程序响应用户所需的时间并不多，用户等待的时间主要花费在下载网页元素上了，即HTML、CSS、JavaScript、Flash、图片等，统计显示，每增加一个元素，网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。所以，想要提高网页打开速度，就要减少HTTP请求数，方法有3种：
1）、减少不必要的HTTP请求
例如用CSS圆角代替圆角图片，减少图片的使用。
2）、合并文件
对于文本文件，可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个，将多个CSS文件合并成一个。
3）、优化缓存
对于没有变化的网页元素(如页头、页尾等)，用户再次访问的时候没有必要重新下载，直接从浏览器缓存里读取就可以了。
7、服务器端的缓存设置
假设用户第一次访问了你的网站，那么用户下一次再次访问你的站点，速度就会更快。这是什么原因呢?原因在于浏览器缓存。
大多数服务器，或空间已经默认设置了缓存功能，站长或者seoer要做的就是在后台设定相应文件类型以及过期时间。在此，建议为：如果是windows主机，就将图片，css和Javascript文件的缓存时间设置为30天;如果是ApacheWeb服务器，则使用mod_cache模块开启缓存功能。
8、优化css中的引用图片
假设一个页面需要大量的周边图片，如下图标等，如果这些图片都是单独调用，那么请求数就会加大，这就说明：cssimages过多，请求数就会增大，网站打开速度就会变慢。
如果我们将页面所需要使用的图片合并在一张图上，那么这些图片请求数就会变为1，页面速度相对就会加快。如何将需要的图片放在一张图上并在相应的位置调用呢?方法在于坐标定位。即：通过css坐标取得图片路径，标签中引用相应坐标。
如果你对前端了解，那么这些都不是大问题，如果你不懂css，那么CSS图片合并生成器类工具(百度即可)能直接提供相应内容：合并css图片，同时生成相应代码。
9、图片压缩处理
有数据显示，图片加载时间是造成网站速度的最大因素，将图片加载速度问题解决，页面速度问题就解决了一大半。假设网站有大量jpg等格式的图片，需要在不影响视觉的前提下，尽量对其压缩，以减少图片本身的大小。与压缩Javascript文件类似，有大量的在线工具提供相应压缩服务，有大量的图像编辑软件如美图秀秀等，都有压缩功能。

10、服务器端开启gzip压缩功能
网页中的每个元素越小，下载所需的时间就越少，这个很好理解。gzip压缩是效率较高的一种数据压缩格式。如果开启gzip压缩，压缩率一般能达到75%左右，效果非常明显。大部分服务器如虚拟主机，VPS等都已经默认开启了这一项功能，如果没有开启，你对相应设置又不会，建议直接联系空间商，让他们解决。
11、HTTPS优化
百度倡导任何站点开启HTTPS模式，用来加强网站信息传输的安全，同时也会给予一定的排名参考，但我们都制定https需要调用服务器资源并占用一定时间，目前最好的办法就是开启具有https加速的CDN。
12、减少重定向请求
日常工作中，我们经常会对一些需要变更的页面进行301重定向，尽量避免网站出现大量的重定向网址，特别是已经参与排名的页面，它耗费了服务器的响应时间。