• Welcome to Journal web site.

我是 视觉 设计师

让设计传递下去

Next
Prev

一些网页优化加载速度的方法汇总

Data: 2014-06-26 20:53:12Form: JournalClick: 7

在最近几年里,互联网上的技术都在以极快的速度进行技术更新换代,网页的大小已经开始变得愈加臃肿,经过相关人士统计,目前一个网页大小大约为1.25兆,对于网速很快的用户来说,问题不大,但国内大多数人的网速还是不太理想,那载入网页将是一个缓慢又烦躁的过程。

 

网页平均内容大小所占比例

 

看了上图,我们开始对网页有针对性的压缩吧。

 

一、图片压缩

从上图看出图片占了绝大对数的比例,在现在的网页设计里头,图片充斥着整个网页,图片最好每张都重新压缩一下图片的大小,适当用软件来优化一下大小,有很多工具可以为你服务,如PSsmush.ittinyPNG等。

 

二、减少http请求量

适当的减少网页请求数量可以增加网页的加载速度,主要方法如下:

a)合并网页图片

将多个背景图合并到一个文件里头,可以减少请求下载的次数来达到网页加速,可以用sprites来达到这种效果。

b)合并同类文件

将多个js文件合并到同一个文件中,css文件也是可以这样合并的,但两种文件合并时要视情况来调整,全部合并到一个文件里头让文件大的恐怖也不行。

三、压缩网站代码

清除网站上沉淀的无用jscsshtml代码,如果有条件,删除里头的空格也是一种优化的好办法,压缩代码虽然对代码阅读会增加困难,但现在有很多工具可以快速的压缩及格式化,所以这个都不是问题。

四、利用客户端资源

网站建设时,很多文件都将定格不在变动,让客户端的浏览器来缓存这些文件,那下次客户端打开网站时将十分快速,定义的方法网上都很多,在这里我就不多加叙述了。

 

在很多浏览器中,都有自己的网站性能拓展工具,可以更好的帮助你来查看网站加载的速度情况,工具有speed tracerYSLOWdeveloper tools等,大家可以多去尝试一下。

Name:
<提交>