摘要:
高性能WEB开发 - HTTP服务器篇高性能WEB开发 - 图片篇高性能web开发 - 如何加载JS,JS应该放在什么位置?高性能WEB开发 - 为什么要减少请求数,如何减少请求数!高性能WEB开发(5) - 减少请求,响应的数据量高性能WEB开发(6) - web性能测试工具推荐高性能WEB开发(7) - JS、CSS的合并、压缩、缓存管理高性能WEB开发(8) - 页面呈现、重绘、回流。总结:把所有静态资源(JS,CSS,image,swf)提到单独的服务器,用更加快速的HTTP服务器(Apache,nginx)。静态图片采用PNG格式,并使用fireworks处理图片,使用Smush.i 阅读全文
posted @ 2011-10-11 14:58
流浪者的飘
阅读(267)
评论(0)
推荐(0)
摘要:
Nicholas为您讲解如何提升JavaScript操作DOM的效率!在Web开发中,JavaScript的一个很重要的作用就是对DOM进行操作,可 你知道么?对DOM的操作是非常昂贵的,因为这会导致浏览器执行回流操作,而执行了过多的回流操作,你就会发现自己的网站变得越来越慢了,我们应该尽可能 的减少DOM操作。本文是这个系列的最后一篇,给出了一些指导性原则,比如在什么时候应该对DOM可以进行什么样的操作等。【原文】Nicholas C. Zakas-Speed up your JavaScript, Part 4【译文】明达在过去的几周中,我为大家介绍了几种可以加快JavaScript脚本运 阅读全文
posted @ 2011-10-11 14:50
流浪者的飘
阅读(380)
评论(0)
推荐(0)
摘要:
原文转载:http://www.cnblogs.com/candle806/archive/2011/04/01/2002266.html最近在给网站首页做压力测试之后,发现页面的性能需要通过不断优化才能达到一个最佳的效果,关于网页内容优化方面,下面有十条策略:尽量减少HTTP请求减少DNS查找避免跳转缓存Ajxa推迟加载提前加载减少DOM元素数量用域名划分页面内容使frame数量最少避免404错误优化是不可能一步到位的,通常在页面响应时间达不到要求的情况下,必须先要从网页的内容开始优化,然后再从硬件资源方面。这里推荐几款网页优化的测试工具:YSlow,Page Speed等,都是运行于Fir 阅读全文
posted @ 2011-10-11 14:48
流浪者的飘
阅读(153)
评论(0)
推荐(0)
摘要:
原文转载:http://www.cnblogs.com/0banana0/archive/2011/06/06/2073872.html1.在对当前DOM进行操作之前,尽可能多的做一些准备工作,保证N次创建,1次写入。 2.在对DOM操作之前,把要操作的元素,先从当前DOM结构中删除: 1. 通过removeChild()或者replaceChild()实现真正意义上的删除。 2. 设置该元素的display样式为“none”。 修改操作完成后,将上面这个过程反转过来,建议使用第2种方式。 3.CSS部分 另外一个经常引起回流操作的情况是通过style属性对元素的外观进行修... 阅读全文
posted @ 2011-10-11 14:47
流浪者的飘
阅读(215)
评论(0)
推荐(0)
摘要:
原文转载:http://www.cnblogs.com/wangzhichao/archive/2011/05/16/2047633.html页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象 (<html> tag)。dom树就是我们用firebug或者IE Develo 阅读全文
posted @ 2011-10-11 14:39
流浪者的飘
阅读(307)
评论(0)
推荐(0)

浙公网安备 33010602011771号