空路径对页面性能影响

在Extjs的开发过程中，有时候需要覆盖Extjs组件的默认样式，比如去掉自带的背景效果，使用background-image:url("#")覆盖。但是这种写法会触发一个相应为403的请求。在IE10下测试， background-image:url("about:blank")和 background-image:url("")不都会触发请求。所以在类似应用场景中一定不要使用background-image:url("#")这种写法。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>空路径对性能的影响</title>
    <style type="text/css">
        .bakimg1 {
            background-image: url("#");
        }

        .bakimg2 {
            background-image: url("about:blank");
        }

        .bakimg3 {
            background-image: url("");
        }
    </style>
</head>
<body>
    <article>
        <h1>空路径对性能的影响</h1>
        <div class="bakimg1">background-image:url("#")</div>
        <div class="bakimg2">background-image:url("about:blank")</div>
        <div class="bakimg3">background-image:url("")</div>
        <a href="#">href="#"</a>
        <a href="javascript:void(0)">javascript:void(0)</a>
        <img src="" />
        <img src="img/1.jpg" />
        <iframe src="#"></iframe>
        <iframe src=""></iframe>
        <iframe src="about:blank"></iframe>
    </article>
</body>
</html>

 

 

扩展：

空路径对页面性能影响的解决方案（http://sofish.de/1875 ）

 

posted @ 2013-06-22 13:39  daoyuly  阅读(322)  评论(0)  编辑  收藏  举报