依据雅虎34条黄金法则:
一、尽量减少http请求次数
1.合并js、css文件
2.css sprites，减少图像请求
二、减少DNS查找次数
1.缓存DNS查找
2.减少主机名的数量
三、避免跳转
四、可缓存的AJAX
1.响应通过Expire或者Cache-Control头来实现缓存
五、推迟加载内容
六、预加载
1.无条件加载:在onload事件触发时加载
2.有条件加载:根据用户操作判断用户可能去往的页面并预加载其内容
3.有预期的加载:载入重新设计过的页面时使用预加载
七、减少DOM元素数量
八、根据域名划分页面内容
域名数量在2-4个之间
九、使iframe的数量最小
十、不要出现404错误
十一、使用内容分发网络CDN
用户与你网站服务器的接近程度会影响响应时间的长短，最好放置静态内容
十二、为文件头指定Expires(静态内容)或Cache-Control(动态内容)
十三、Gzip压缩文件内容
十四、配置ETag
十五、尽早刷新输出缓冲
十六、使用get来完成ajax请求
十七、把样式表置于顶部
十八、避免使用css表达式
十九、使用外部javascript和css
二十、削减javascript和css
二十一、用<link>代替@import
二十二、避免使用滤镜
二十三、把脚本置于页面底部
使用defer
二十四、剔除重复脚本
二十五、减少DOM访问
避免节点深层级嵌套
二十六、开发智能事件处理程序
二十七、减小cookie体积
二十八、对于页面内容使用无cookie域名
用子域名存放静态内容
二十九、优化图像
压缩，PNG
三十、优化css spirite
水平排列
颜色相近的组合在一起
缩小空隙
三十一、不要在html中缩放图像
展示多大的图片，这图片就不要大于这个尺寸
三十二、favicon.ico要小而且可缓存
三十三、保持单个内容小于25k
iPhone不能缓存大于25k的
三十四、打包组件成复合文本
其他
1.避免空链接属性，img、a等，有多少个，当前页面的服务器就会被请求多少次
2.避免Table布局
3.显示指定文档字符集
4.显式设置图片的宽高
5.图片使用webp格式
网友评论