网站打开速度优化

       众所周知，如果一个网站打开得很慢，很多用户就会外流，因为用户有很多选择， 没有必要花时间等待你的网站，如果我们的网页在输入过程中遇到延迟或卡住，客户会第一次离开我们的网页，自然转换到其他竞争对手的网页，流量不容易进来，但由于网页打开速度慢，导致用户损失，网站订单大幅下降。

如何优化网页加载速度？

网页加载速度的必要性

影响SEO改进在日常的SEO优化工作中，我相信很多网站建设公司会在网站内容更新中添加一些高清图片或高内存视频，试图通过这种方式实现更好的企业网站沟通效果，结果是网站加载速度非常慢。

影响客户体验:从客户的角度来看，如果网站上的照片或视频打开后无法加载，难免达不到心理预期。想象一下，如果我们打开一个页面，整个页面打开速度特别快，可以在三秒钟内展示所有的内容，所以无论我们对网站的内容感兴趣，都会给我们留下良好的第一印象，至少有热情阅读。但相反，如果网站加载速度慢，内容不全面，会在一定程度上减少用户的浏览体验，甚至导致用户对网站的抵制。

造成用户损失从某种意义上说，网站页面加载时间过长会导致一定的用户损失，因为大多数客户没有耐心等待加载时间过长的网页。，对于大多数用户来说，他们希望网页的打开时间越少越好。，如果网站的加载速度延迟一秒以上，可能会造成巨大的财产损失，网站的加载速度也会直接影响用户满意度。，提高网页加载速度尤为重要。

今日小编就来谈谈如何优化网页加载速度。

1.选择可靠的服务器或虚拟主机，为提高速度奠定基础

2.打开gzip，缩小网站源文件，大家都很熟悉。缩小必须传输的内容后，将其传输到客户端，然后解压，以便在网络上传输 信息量将大幅减少。Apache通常在服务器上、Ngx可以直接打开此设置，也可以直接从代码的角度设置传输文件头，改进gzip的设置 直接设置负载均衡设备。但需要注意的是，这种设置会稍微增加云服务器的压力。如果您的网页服务器还支持gzip缩小数据，那么当数据通过gzip传输时，它将减少70～80%的流量。

缩小网站gzip资源

3.降低DNS查看频率。许多人喜欢在不同的域名下挂不同的照片。当一个网页一起使用照片A和图片B时，浏览器必须查看两个域名。请记住，每次分析域名都会浪费时间，所以尽量将所有图片放在一个域名下。

4.减少flash的应用，flash不要太多，如果flash视频动画太多，索模块也爬不到，也会影响网页的加载速度。

5.没有必要将js放在页面底部以延迟载入。许多Javascript脚本的执行效率不高，或者第三方域名脚本无法意外加载。如果将这些脚本放在页面的顶部，可能会降低我们自己网站的内容加载速率，甚至无法正常加载。，这些脚本通常放置在网页文件的结尾，一定要放 前面的脚本应该改为所谓的“后加载”方法，然后在主页加载后加载，以防止它影响主页的加载速度。

6.应用CDN加速网站。CDN是一种静态内容分发网络。它在每个省甚至每个地方都部署了自己的服务器来分发这些静态内容。当一个城市的用户想要获得一定的资源时，他们会从当地的CDN服务器中获得资源，以确保他们能够最快地获得资源。据砖家统计，70%的网络资源是指静态资源。这意味着70%的内容在生成后不会改变，所以把它们都放在CDN上，可以提高70%的资源下载速度。

7.js 如果csss文档被外部使用来减小图片的大小和大小，如果css、js内容相对较大，最好不要提到同一页面，从外部加载更安全，因为浏览器本身会让css、缓存js文件。有时为了动态改变css参数值，可以选择css expression可以实现，但这样做会显著增加用户端浏览器的压力，不建议使用Javascript脚本进行更改。一般js、css文档中有大量的空间、换行和注释，有利于阅读。如果能缩小，将有利于数据传输。这一块有很多工具，一般可以保存开发版本，用工具生成生产版本。与两份文件相比，一般压缩率可以达到50%以上，信息量下降相当丰富。

8.减少跳转请求。一些网站为不同的终端设计了不同的页面。每次跳转都会导致浏览器发起请求，增加加载时间。面对这种情况，响应设计应尽可能多地应用，一个网站覆盖所有终端。

9.应用浏览器缓存技术来提高加载速度，同一网站下的不同页面，往往重用部分资源文件，如果这些资源文件设置为缓存，更新或跳转到另一个页面，不需要从网络获取相关资源，大大加快了网页的加载速度。

10.优化图片资源的格式和大小。页面不应该是所有的照片。与文本相比，纯图片网站的加载速度要慢得多。建议网站必须结合图片和文本，尽量少使用纯图片。在一个网页中，图片资源的比例最大，单个文件的大小也非常丰富。，在保证图片质量不变的前提下，尽可能采用高压缩图片格式，图片格式可根据此优先选择webp > jpeg > png > bmp。，要根据图片显示规格获得最匹配的图片资源，不要把原图拉下来应用。我以前也遇到过这样的情况。一张显示在196196尺寸区域的照片实际上达到了几兆。，我知道我拉下了19601960分辨率的原始图片。