- 缩小DNS查找次数:合并文件、应用css sprites,因为首次拜访网站,响应工夫大部分用来下载各项内容
- 缩小DNS查找次数:缩小主机名的数量能够缩小DNS查找次数。url地址(获取地址的IP) -> 本地DNS缓存(找到就返回IP地址,并进行下一步) -> DNS服务器(返回IP地址)。在这个过程中浏览器什么都不会做直到DNS查找结束。
- 可缓存的AJAX:对于申请不变的内容能够缓存到本地
- 推延加载内容:哪些内容是页面出现时所必须首先加载的?哪些内容和构造能够稍后再加载?
- 预加载:和推延加载相似,在浏览器闲暇时将前面页面可能用到的资源缓存
- 缩小DOM元素数量:晋升JavaScript遍历DOM的效率
- 依据域名划分页面内容:HTML内容和动静内容放到一个域名上,将页面各种组件(图片、脚本、CSS)寄存另一个域名上
- 缩小应用iframe
- 应用CDN内容散发网络
- 设置缓存:为文件头指定Expires或Cache-Control
- Gzip压缩文件内容:图像和PDF文件因为曾经压缩过了,再进行gzip压缩成果不显著
- 把样式表置于顶部:在文档<head />内加载你的样式表
- 防止应用CSS表达式:应用CSS表达式,肯定要记住它们要计算成千上万次并且可能会对你页面的性能产生影响
- 应用内部JavaScript和CSS:因为内部JavaScript和CSS文件都能在浏览器中产生缓存
- 精简JavaScript和CSS:去除无用代码、压缩、混同
- 用<link>代替@import:对于两者区别,能够网上查看
- 把脚本置于页面底部
- 缩小DOM拜访
- 应用事件代理解决雷同事件
- 减小Cookie体积