`

【javascript】页面优化小想法

阅读更多

以前使用Ext的时候,虽然使用简单,学习也算比较简单,可对于其性能却不敢恭维。展现的速度特别的慢。

 

1,今天看到一篇关于浏览器渲染的文章。说道:

     页面Dom里面的元素被修改了的话,整个页面的document都会被重绘,即使修改的地方并不带来样式视觉上的改变。说的是ie,不确认其他的不同于ie内核的浏览器是否一样。

     其本质就是:每次的改动都会引起页面的元素重新计算布局,然后发消息给系统,系统然后重绘浏览器。多耗资源啊!

     谨记:页面js要尽可能少的变动元素的样式。虽然挺好用的。

 

 

2,以前老说页面中图片要分离出来,做另外的服务器。不明白,现在明白了,HTTP 标准中,浏览器不能在页面上开启太多个对同一地址的请求,好像说是最多2个。

    在html得到以后,浏览器会开始解析html,当碰到外联元素的时候,比如外联的css 文件啊、图片啊、js文件啊就会在解析的同时开启请求队列,将这些请求放到队列里面去。再加上前面所说的,一个页面里面全是在同一个服务器的资源会导致页面显示很慢。

   [edit by 2011-03-23]增加个小点,增加图片服务器,同样可以使请求时,减少cookie的传输。

 

 

0
2
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics