随笔分类 -  优化

【前端重构技能天赋】（三）——最终篇
摘要：少叙闲言前文所说的7大类中，还有四类：服务器、cookie、图片、移动应用，这四类之所以捏在一篇里，主要是因为其中的很多优化方式是要站在整个站点的高度来进行或是在后端操作，我并没有涉足过，也就无法给出真实感受，所以只能“道听”来，在这里“途说”一下自己的想法，希望实践过的且有节操的仁人志士们跳出来，劈头盖脸的指正……About服务器使用内容分发网络为文件头指定ExpiresGzip压缩文件内容尽早刷新输出缓冲1、使用内容分发网络简单说来就是你的用户在东北，他访问北京的服务器要快于访问上海的服务器,就是这样，然后你合理分布吧……2、为文件头指定Expires浏览器（和代理）使用缓存来减少HTTP 阅读全文

posted @ 2013-04-09 14:53 _xiaoMo_ 阅读(479) 评论(0) 推荐(0)

【前端重构技能天赋】（二）——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_ 阅读(710) 评论(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_ 阅读(640) 评论(2) 推荐(2)

导航