码迷,mamicode.com
首页 > 其他好文 > 详细

开发互联网产品的优化要求

时间:2015-06-28 23:05:16      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

最少请求数:

  • 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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!