降低页面加载时间的方法

1.减少Http的请求

比如,每加载一个背景图都会对http的请求增多一个,这时候你可以将使用频繁加载的多个图片合成一个单独的png格式的图片,当每次要用到图片时,你就加载png格式的图片就可以了,并且有一个代码优化的方式就是,在你要放置图片的不同标签上都定义多种类选择器,其中就规定一个类选择器来放置大png格式加载的图片,使其减少代码量达到代码重用;然后再另一个悬选择器定义background-position的属性,来确定你所需要的图片在png图片的具体位置,一般从左上角算起,属性值都为负数。还有一个就是背景图,可以截图一点背景图,然后用css样式来定义background-repeat:repeat-x|repeat-y;使其加载的图片不会那么大。

2. 服务器开启gzip压缩
即将需要传输的内容压缩后传输到客户端再解压,这样在网络上传输的数据量就会大幅减小。通常在服务器上的ApacheNginx可以直接开启这个设置,也可以从代码角度直接设置传输文件头,增加gzip的设置,也可以负载均衡设备直接设置。不过需要留意的是,这个设置会略微增加服务器的负担。建议服务器性能不是很好的网站,要慎重考虑。

3.css样式的定义放置在文件头部Javascript脚本放在文件末尾。

4 压缩JavascriptCSS代码

一般jscss文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。这方面的工具也有很多,可以在百度里搜索一下关键字“css代码压缩,或者“js代码压缩将会发现有很多网站都提供这样的功能。

5. Ajax采用缓存调用
Ajax
调用都采用缓存调用方式,一般采用附加特征参数方式实现,注意其中的<scriptsrc=”xxx.js?{VERHASH}”{VERHASH}就是特征参数,这个参数不变化就使用缓存文件,如果发生变化则重新下载新文件或更新信息。
6. 
尽可能减少DCOM元素
这个很好理解,就是尽可能减少网页中各种<>元素数量,例如<table>的冗余很严重,而我们完全可以用<div>取代之。

7使用多域名负载网页内的多个文件、图片,节约主域名的连接数,从而提高客户端网络带宽的利用率,优化页面响应。因为老的浏览器(IE6是典型),针对同一个域名只允许同时保持两个HTTP连接。将图片等资源请求分配到其他域名上,避免了大图片之类的并不一定重要的内容阻塞住主域名上其他后续资源的连接(比如ajax请求),静态内容和动态内容分服务器存放,使用不同的服务器处理请求。处理动态内容的只处理动态内容,不处理别的,提高效率。用户请求是多域名是并行下载,速度上更快。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值