空路径对页面性能影响

在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 )

 

你可能感兴趣的:(性能)