2013年4月8日

【前端重构技能天赋】（二）——Javascript、CSS篇

摘要： 少叙闲言承接上一篇，这篇是关于JS、CSS的一些优化，相信很多大家都非常了解了，并且实际上也都在这么做，但我想，很多人和我一样，只知道规范这么做，并不太了解到底为啥这么做，到底好处在哪了？About JS、CSSCSS：样式表置于顶部避免CSS表达式使用外部JS、CSS削减JS、CSS<link> ，@import避免滤镜JS：脚本置于底部使用外部JS、CSS削减JS、CSS不用重复脚本减少访问和操作DOM事件委托1、样式表置顶，Why？浏览器渲染页面都是自上而下的渲染，当在<body>里遇到<link>或是<style>时候会阻塞渲染页面，而且 阅读全文

posted @ 2013-04-08 18:33 _xiaoMo_ 阅读(696) 评论(2) 推荐(2) 编辑

【前端重构技能天赋】（一）——内容篇

摘要： 少叙闲言专业的页面重构师手下出产的页面应该是标准、合理、高效，易扩展，易维护的。为尽早奔向这一NB的方向，吾等前赴后继的前端码农们，升级所需的必要天赋之一：载入更快，更省带宽！结合网上大量关于Yahoo的高性能网站构建的黄金守则，说下自己眼中的守则。守则分为7大类34条，包括内容、服务器、cookie、CSS、Javascript、图片、移动应用。About内容尽量减少HTTP请求减少DNS查找避免跳转缓存AJAX推迟加载预加载减少DOM个数用域名划分内容避免4041、尽量减少HTTP请求当用户载入你的页面时候，有80%的时间是用来下载页面里各个项目，包括图片、样式、脚本、FLash等。所以减 阅读全文

posted @ 2013-04-08 10:28 _xiaoMo_ 阅读(623) 评论(2) 推荐(2) 编辑

导航