- 使用
yslow可以清晰的看出14条军规里面A-F的等级速度。 - 页面大小和响应时间成正比关系。比例系数0.94。
- 使用
http1.1,默认开启了持久化连接，效果好的多。 - 图片转换为文字可以减少请求数量。联想到BootStrap中使用的
icon字体图标。 - html中的
img加上with,height,提前限制好，不用等到css再渲染确定。 - 使用IFrame提供广告的方式值得探讨。IFrame实现了广告与实际页面的彻底分离，使得两者的团队和系统能够互不依赖。缺点是每个IFrame都带来一个额外http请求。使用IFrame又是合理的。因为广告内容来自第三方通常包含自己的js代码。将其放到iframe中也就将js放在了沙箱，可以带来极高安全性。（第三方代码无法访问web页面的命名空间） 将IFrame的src属性设置为
about:blank这不会生成任何HTTP流量。 预加载，可以提前判断用户的访问，后台再下载所需组件。预加载是提高网站后续页面加载速度的一种很好的方式。瀑布流中，图片不到视窗中，不加载，延迟加载（这方面目前观点不清）- 使用png格式比gif格式图片好。有png优化器，当然jpg格式也更好，适用场景不同。