您现在的位置是:首页 > Web设计

Web设计

优化网站打开速成度总结

2020-11-21 11:27:15 Web设计 admin
网站打开速度的重要性就不要多讲了,很多朋友都是使用虚拟主机来做网站的,网页内容一旦很多,打开速度就会变的很慢,服务器、带宽、CDN这类硬指标不是本章中我们讨论的范围,这些都是需要花钱的,本章主要讨论如何通过优化网页代码的方式来提高打开速度,
网站打开速度的重要性就不要多讲了,很多朋友都是使用虚拟主机来做网站的,网页内容一旦很多,打开速度就会变的很慢,服务器、带宽、CDN这类硬指标不是本章中我们讨论的范围,这些都是需要花钱的,本章主要讨论如何通过优化网页代码的方式来提高打开速度,本站总结了一些可行性的方法。

1:缩小Javascript和CSS文建
如果用户是第一次访问你的网站,那么这些用户会下载网站中的Javascript和CSS,如果这些文件很大,那么下载的时间就会很长。

使用压缩工具可以减少Javascript和CSS近一半的文件大小,至少能提高40%到60%的压缩率,如果你实在不懂可以直接用站长之家的CSSJS压缩工具。

2:减少HTTP请求
浏览器会花费80%的时间获取外部元件,包括脚本、样式表、图像等,只有20%的时间用来加载内容,每个网站都会有许多HTTP请求,由于只有2个HTTP请求可以在同一时间传送,所以请求一旦过多就会造成延迟。

减少Http请求的方法包括,合并CSS,合并JavsScript,合并图片等外部文件。

3:缓存图片、CSS和JavaScript
每当一个新用户访问你的网站,图片、CSS和Javascript应该在其浏览器缓存,这样他们下一次访问就特别快。

绝大多数windows主机已经默认启用了,只需要在控制面板中设定过期时间和文件类型就可以了,本站建议图片、CSS和Javascript时间可设置为一个月。而对于ApacheWeb服务器,使用mod_cache模块开启缓存。

4:合并CSS引用图片
很多网站的图片都是切成小块的,这样下来就会有大量CSS引用图片,CSS中的Images也是影响网站速度的一种重要因素。

如果我们把CSS图片合并成一个,多个个HTTP请求变成1个,它就会减少Http的请求数。合并的原理就是通过CSS坐标的方式取得图片径路,每个CSS标签引用不同坐标就会得到不同图片。我们看到很多网站的CSS图片只有一张,用的就是这个原理。

5:只在<head>部分中加载基本的脚本
检查<head>与</head>之间的Js,如果可以在网站的最后加载,就把它们放到页面底部,毕竟JS效果不是浏览者最想要的。

6:对图像进行压缩
除非你加载视频,那么影响网站速度最大的应该就是图片了,如果是jpeg、png图片,保证不失品质的前提下,让他们尽量压缩,Fireworks软件“导出向导”功能,它提供了一个很好的方式来预览保存的图像,让图片大小与质量之间平衡,大多数其他图像编辑软件都有类似的功能。

7:开启gzip模块
gzip压缩是非常流行的一种数据压缩格式,一般网站启用gzip后,压缩率都会有70%-80%的提升,效果是立竿见影的。

部分虚拟主机默认有gzip功能,但大部分没有,独立主机、VPS一般可以设置,开启gzip会加重服务器负担,而且要修改服务器配置,强烈建议大家开启gzip,如果不清楚可以问问所在空间商,让他们帮忙开启。N魦 錘T`O?QP[颯+R隨TY~?