toby

包含「高性能」标签的文章

共找到4个结果

  • 非阻塞的javascript -- 来自高性能javascript

    <p> 使用非阻塞的好处: </p> <p> 由于并发行,js可以同其他资源一起同步下载,节约时间,不阻塞可以提升用户体验 </p> <p> 怎么实现: </p> <ol> <li> defer <p>   </p> <p> defer只有ie才支持,defer类似与DomContentLoad,也就是dom节点加载完之后执行 ...</p></li></ol>

  • 高性能html

    <p> </p> <h2 style="margin: 0px; padding: 5px 0px 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); text-rendering: optimizelegibility; font-size: 22px; line-height: 24px; ">避免使用Iframe</h2> <p style="margin: 0px; padding: 7px 0px; clear: both; color: rgb(68, 68, 68); font-size: 14px; line-height: 1.8; font-family: tahoma, 宋体, 'Hiragino Sans GB W3'; ">Iframe也叫内联frame,可以把一个HTML文档嵌入到另一个文档中。使用iframe的好处是被嵌入的文档可以完全独立于其父文档,凭借此特点我们通常可以使浏览器模拟多线程,需要注意的是使用iframe并不会增加同域名下的并行下载数,浏览器对同域名的连接总是共享浏览器级别的连接池,即使是跨窗口或跨标签页,这在所有主流浏览器都是如此。也因为这样这让iframe带来的好处大打折扣。...</p>

  • 高性能css

    <p><strong><span style="color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 24px; ">避免使用@import</span></strong></p> <p align="left" style="margin: 0px; padding: 7px 0px; clear: both; color: rgb(68, 68, 68); font-size: 14px; line-height: 1.8; font-family: tahoma, 宋体, 'Hiragino Sans GB W3'; ">有两种方式加载样式文件,一种是link元素,另一种是CSS 2.1加入@import。而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用@import来导入其它的CSS,但浏览器不能并行下载样式,就会导致页面增添了额外的往返耗时。比如,第一个CSS文件first.css包含了以下内容:@import...</p>

  • 高性能javascript

    <p> </p> <h2 align="left" style="margin: 0px; padding: 5px 0px 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); text-rendering: optimizelegibility; font-size: 22px; line-height: 24px; ">使用事件代理</h2> <p align="left" style="margin: 0px; padding: 7px 0px; clear: both; color: rgb(68, 68, 68); font-size: 14px; line-height: 1.8; font-family: tahoma, 宋体, 'Hiragino Sans GB W3'; ">有时候我们会感觉到页面反应迟钝,这是因为DOM树元素中附加了过多的事件句柄并且些事件句病被频繁地触发。这就是为什么说使用事件代理是一种好方法了。如果你在一个div中有10个按钮,你只需要在div上附加一次事件句柄就可以了,而不用去为每一个按钮增加一个句柄。事件冒泡时你可以捕捉到事件并判断出是哪个事件发出的。...</p>

1 / 1