最少请求数:
- TAB页异步加载或延迟加载;
- 合并JS/CSS文件;
- CSS Sprites CSS图像地图;
- 统一公用JS/CSS文件;
- 合并Ajax请求;
- 避免重定向;
- 减少iframe请求;
- 头像、图片滚屏延迟加载;
- 不重要的页面模块异步加载;
- 多级Cache。
最快请求速度:
- 设置长时间缓存;
- 尽量使用请求可缓存;
- Cookie隔离;
- 动态、静态应用分离;
- 按类型选择合适的Web服务器;
- 适当使用多域名增加并行下载;
- 设置Gzip压缩;
- 多IDC部署、动态内部代理;
- 使用CDN网络;
- 提高IP库定位能力;
- 图片质量压缩,使用PNG8;
- 图片预加载;
- JS/CSS混淆;
- 压缩页面代码;
- 统一公用的JS库代码和应用代码;
- 减少Cookie大小;
- 逻辑层协议合并、并行处理;
- 数据、索引内存、SSD并行写。
最快可见可用:
- 首屏优化原则;
- 减少元素数量、Size;
- HTML、CSS、JS代码减肥;
- JS性能优化 DIV+CSS布局;
- 优化,避免使用CSS表达式;
- CSS Sprites合屏分屏 CSS、JS;
- 位于页面底部的JS并行下载;
- 避免复杂的JS循环计算;
- 统一JS放在页面最尾处;
- 按需加载、异步加载、延迟加载、预加载;
- 后台尽快输出HTML代码。
互联网时代,成败输赢真的就在一秒、甚至是几毫秒之间。你的首屏打开速度比别人慢几毫秒,那别人就会比你拥有更多的用户,所以好的产品,一定要做到快。
JS是网页性能杀手,一个新手写的JS代码、或者是杂乱排放的JS代码,会整体拖垮你网站的体验;
配置Gzip压缩,能够能够压缩至百分之80,能够大大减少服务端压力;
延迟加载、预加载,总而言之,一定要做到按需加载。
开发互联网产品的优化要求
原文:http://blog.csdn.net/liu765023051/article/details/46674441