高性能WEB开发4

4.1.11 减少域名DNS查找
资源下载,尽量避免采用域名解析用相对路径,如果要链接到其它web服务器,尽量采用IP变量的方式,而不是DNS域名找。
4.1.12 IE7下优化css选择器
IE7下css选择器对于样式的选择,虽然jquery也支持直接选择到样式class,但性能极差,且和DOM大小有关,原因是IE7没有提供getElementByClass函数,所以是遍历方式查找,性能差。
这样的情况下,可以先找到样式所在的父元素,再查找样式class。【此只针对IE7,IE8以上的浏览器不用关心】
4.1.13 不要出现请求不到的资源(404错误)
这个情况主要出现在css中,某个图片删除了,但css未删除。会导致不必要的下载,且返回404错误,导致性能差。
4.1.14 降低DOM大小
降低DOM大小,需要减少不必要的DIV,table的使用
平台ftl输出组件都是有选择的输出压缩后的组件html,兼顾可读性和DOM大小。
DOM的replaceWith函数用在局部刷新的DOM替换上,如果DOM结构比较大,绑定事件比较多,则局部刷新效率比较差。(IE7/IE8浏览器尤其明显)
4.1.15 避免用过多的滤镜能力
滤镜性能在IE下也很差,应该尽量避免。
4.1.16 大小合适的图片/避免人为缩小放大
图片大小要与实际显示大小效果尽量吻合,避免大图片,通过css控制宽度、高度等用在很小的区域。Icon图片尽量是16*16 或其整数倍大小。

你可能感兴趣的:(web开发)