网站打开的速度直接关系到访问者的用户体验。网站加载的速度和很多因素有关,比如服务器是优是劣,网络带宽是大是小,页面代码是复杂还是简单。如果受资金限制,通过优化网页代码来加快网站打开速度是非常有效的方法。
加快网站打开速度的方法
一:压缩或精简Javascript代码和css代码。
无论是什么样的网站,用户每次点击网站都会加载网站的Javascript和css代码。假设这些代码是多余的,必然会拖慢网站的打开速度。
如果有这样的问题,就要压缩或者精简代码。压缩方面,有大量的第三方工具,比如站长之家的CSS\JS压缩工具,可以直接免费使用。压缩后的代码一般可以减少40%到65%。简化方面,一个风格不用两个就能驾驭。想法是既能满足网站的页面布局,又有少量代码。
二:减少HTTP请求。
数据显示,流媒体工具加载脚本、css样式表、图片等网站元素需要花费80%的时间,只有20%左右的时间会用于加载网站的其他主要文本内容。问题是每个网站都会有HTTP请求,同时只能有两个HTTP请求。在这样的问题下,假设两个以上的HTTP请求一起请求,势必会减慢网站打开速度。如图所示:
了解了HTTP请求对网页速度的影响之后,下一个解决方案就是减少HTTP请求的数量。
三:在服务器端缓存Javascript代码、css代码和图片。
发现如果一个用户第一次访问你的网站,下一次用户访问你的网站,速度会更快。这是什么原因呢?原因是浏览器缓存。
大多数服务器,或者空,都默认设置了缓存功能。站长或者seoer需要做的就是在后台设置相应的文件类型和过期时间。在这里,建议是:如果是windows主机,将图片、css、Javascript文件的缓存时间设置为30天;如果是ApacheWeb服务器,使用mod_cache模块打开缓存功能。
上图:网站打开的快慢。
四:优化css中引用的图片。
假设一个页面需要大量的周边图片,比如下面的图标等。如果这些图片都是单独调用的话,请求的数量会增加,也就是说cssimages太多,请求的数量会增加,网站打开速度会变慢。
如果我们把页面需要的图片合并成一张图片,那么对这些图片的请求次数就变成了1,页面速度相对会更快。如何把需要的图片放到一个图片上,在相应的位置调用?方法在于坐标定位。即通过css坐标获取图片路径,并在标签中引用相应的坐标。
如果你了解前端,那么这些都不是大问题。如果你不懂css,那么css图片合并生成器工具(百度可以)可以直接提供相应的内容:合并CSS图片,同时生成相应的代码。
V:跳转代码的位置,跳转代码的加载顺序。
网站被点击后,页面代码自上而下加载。因为这个原因,我们可以对…进行分析
比较简单。我们检查了
如果搜索引擎优化是这个网站,分享和其他按钮放在底部。
六:压缩图像。
据资料显示,图片加载时间是造成网站速度的因素。图片加载速度问题解决了,页面速度问题就解决了一大半。假设网站有大量jpg格式的图片,在不影响视觉的情况下,尽可能压缩图片,以减小图片本身的大小。类似于压缩Javascript文件,大量在线工具提供相应的压缩服务,美图秀秀等大量图片编辑软件都有压缩功能。
七:服务器端开启gzip压缩功能。
Gzip压缩是一种高效的数据压缩格式。如果开启gzip压缩,压缩率一般可以达到75%左右,效果非常明显。
大多数服务器,比如虚拟主机和VPS,默认都开启了这个功能。如果没有开启,就不知道相应的设置。建议直接联系空厂商,请他们解决。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)