Below you will find pages that utilize the taxonomy term “前端优化”
April 2, 2011
高性能WEB开发系列
"准备写一系列关于高性能WEB开发的日记,主要是跟前端技术相关的(html,http,js,css等),将自己了解的一些知识做1个总结和记录并分享,希\n望大家能喜欢,也喜欢自己能坚持写下去。当然因个人技术水平有限,写作能力更是非常差,所以如果有什么地方写得不好的,请大家都指点指点。\n1、 HTTP服务器.\n2、性能测试工具推荐\n3、 图片篇.\n4、 如何加载JS,JS应该放在什么位置.\n5、 为什么要减少请求数,如何减少请求数.\n6、 减少请求,响应的数据量.\n7、 JS、CSS的合并、压缩、缓存管理\n8、 页面呈现、重绘、回流。\n9、 该如何加载google-analytics(或其他第三方)的JS.\n10、 疯狂的HTML压缩\n11、 flush让页面分块,逐步呈现\n12、 了解CSS的查找匹配原理,让CSS更简洁、高效\n[作者]:BearRui(AK-47)"
April 2, 2011
DynaTrace Ajax Edition:IE浏览器性能分析工具
"DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具,它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间,甚至可以看到JS代码的解析时间。连JQuery的创始者 John Resig 也鼎力推荐了一把。\n从John Resig的 Deep Tracing of Internet Explorer 了解到了这款刚发布的免费的前端性能分析工具,John Resig对其评价甚高,John Resig对其评价到:“我一般不随便写关于性能分析工具的东西,坦率地说,我感觉它们绝大部分都比较烂,根本不能提供任何有价值的信息和分析结果。不过 dynaTrac提供了一些我以前在任何其他工具上都没见过的东西。”\nAjax的本事真不是盖的!那么,它到底有啥特别之处呢?“这个工具可以跟踪JavaScript从执行开始,经过本地的XMLHttpRequest、发送网络请求,再到请求返回的全过程。”\n更多的我这里就不多说了,权威人士们都说过了,这东西我也刚上手没多久,还谈不上有多深入的 …"
April 1, 2011
web高性能开发系列随笔
"在BlogJava里写了一些关于高性能WEB开发的随笔,因为都是跟前端技术相关(html,http,js,css等),所以也贴到博客园来,吸收下人气。\n1、 HTTP服务器.\n2、 性能测试工具推荐\n3、 图片篇.\n4、 如何加载JS,JS应该放在什么位置.\n5、 为什么要减少请求数,如何减少请求数.\n6、 减少请求,响应的数据量.\n7、 JS、CSS的合并、压缩、缓存管理\n8、 页面呈现、重绘、回流。\n9、 该如何加载google-analytics(或其他第三方)的JS.\n10、 疯狂的HTML压缩.\n11、 flush让页面分块,逐步呈现\n12、 了解CSS的查找匹配原理,让CSS更简洁、高效\n[作者]:BearRui(AK-47)"
March 31, 2011
浏览器的加载与页面性能优化
"本文将探讨浏览器渲染的loading过程,主要有2个目的:\n了解浏览器在loading过程中的实现细节,具体都做了什么 研究如何根据浏览器的实现原理进行优化,提升页面响应速度 由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前端和Web Server),同时由于浏览器种类繁多且不同版本间差距很大,本文将侧重一些较新的浏览器特性\n现有知识 提升页面性能方面已经有很多前人的优秀经验了,如Best Practices for Speeding Up Your Web Site和Web Performance Best Practices\n本文主要专注其中加载部分的优化,总结起来主要有以下几点:\n带宽 使用CDN 压缩js、css,图片优化 HTTP优化 减少转向 减少请求数 缓存 尽早Flush 使用gzip 减少cookie 使用GET DNS优化 减少域名解析时间 增多域名提高并发 JavaScript 放页面底部 defer/async CSS 放页面头部 避 …"