网页性能优化--雅虎十二条建议

本文详细介绍了网页性能优化的雅虎12条建议,包括减少HTTP请求次数、将样式表放在头部、脚本文件放底部、避免CSS表达式、外部引入JS和CSS、最小化代码、避免重定向、删除重复脚本、缓存AJAX、使用CDN、设置Expires Header以及减少DNS查询次数等,旨在提升网页加载速度和用户体验。
摘要由CSDN通过智能技术生成

1.减少http请求次数

图片方面:雪碧图,应用场景:合并背景图片和小图标;database64—转换图片
合并js css文件

2.样式放在头上

原因:样式放在头上,浏览器解析结构时就可以对页面进行渲染了,而不需要等到结构解析完,再去用css渲染页面了,先出现光秃秃的结构页面在绚丽起来

3.脚本文件放在底部

浏览器会阻塞加载直到样式文件加载完毕,因此脚本文件被放在下面,否则脚本后面的文件加载将被阻塞,
阻塞并行下载数量,一般浏览器的js并行下载数量为两个,同时间不能下载更多,—(但图片可以超过两个并行下载)

4.避免css 表达式

不仅页面显示和resize时计算表达式,而且当页面滚屏,甚至当鼠标在页面上移动时都会重新计算表达式

5.js和css从外部引入

文件从外部引入会加快页面的显示速度,因为外部文件会被缓存,在页面中虽然减少了http次数,但增大了页面大小

6.最小化js代码

两个流行的工具是#JSMin和YUI Compressor。混淆是最小化于源码的备选方式

7.避免重定向

注意:重定向会增加http请求的次数,但必要的重定向又可以提高用户体验
避免重定向的方式
1.在定义链接地址href属性时,尽量使用全的,直接的链接地址,如:
-使用www.cnblogs.com 而不是cnblogs.com
-使用cn.bing.com 而不是bing.com
-使用www.google.com.hk 而不是google.com
-使用www.mysite.com/products/ 而不是 www.mysite.com/products
2、在使用Response.Redirect的时候,设置第二个参数为false – 待理解
-考虑是否可用Server.Execute代替
-考虑Respone.RedirectPermanent
3、如果涉及到从测试环境到生产环境的迁移,建议通过DNS中的CNAME的机制来定义别名,而不是强制地重定向来实现 –待理解

8.删除重复的脚本文件

合理封装js代码,减少不必要的http请求,使用模版系统建立脚本管理模块

9.缓存ajax
10.使用CDN(Content Delivery Network,内容分发网络)
11.增加Expires Header
12.减少DNS查询次数

注意:减少主机域名可减少DNS查询次数,但可能会造成并行下载数的减少,一个可行这种的办法是把资源部署到2-4个不同的主机名上
DNS解析域名时浏览器不会进行下载

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值