性能优化技巧提升网站打开速度

一、减少HTTP请求

1、CSS Sprites：将多个图片合并成一张图片，通过background-image和background-position来实现图片的切换，从而减少了http请求数量；

2、将CSS文件和JS文件合并，减少http请求数量；

3、将JS文件和CSS文件压缩，减少文件大小；

4、将图片转换成文本文件，如SVG、webp格式；

5、使用CDN服务，减少网络延迟；

6、使用图片预加载，先将页面中的图片预加载，减少http请求数量；

二、优化代码

1、使用CSS3代替图片；

2、将CSS放在head标签中，JS放在body标签的最下面；

3、尽量使用CSS3来实现动画，而不是使用JS；

4、减少或者取消不必要的标签；

5、使用缓存，减少文件的重复加载；

6、CSS文件和JS文件外部引入，而不要内部引入；

7、尽量不要使用iframe，减少http请求；

三、服务器和网络优化

1、使用更快的服务器，提高网站速度；

2、在网站的DNS记录中配置CNAME记录，可以提高网站的解析速度；

3、开启GZIP压缩，减少传输文件的大小；

4、将DNS解析放在服务器的本地，提高解析速度；

5、使用CDN技术，减少网络延迟；

6、使用HTTP2.0传输协议，支持多路复用，可以提高网页加载速度；

7、优化网络所在的环境，对网络进行带宽限制；

8、使用浏览器缓存，减少文件的重复加载；

9、使用定时任务，减少服务器的压力；

10、使用服务器端的渲染，提升网页的渲染速度；

四、其他优化

1、如果网站使用https协议，尽量减少https的握手次数；

2、开启浏览器内存缓存，提高网页渲染速度；

3、使用懒加载技术，加载必要的内容；

4、避免使用flash，改用CSS3或者HTML5；

5、精简网页内容，只显示必要的内容；

6、压缩图片，减少图片的文件大小；

7、使用静态资源的版本号，确保浏览器缓存的有效性；

8、消除重定向，减少延迟时间；

9、使用多媒体服务，将静态资源分发到多个服务器；

10、使用缓存技术，减少服务器的压力；