0

我想知道快速加载网站的最佳方法。我知道，

  • 更多的http请求，网站会变慢
  • 更多 DOM 元素，网站会变慢

现在，我对以下方法感到困惑：

首先，我使用额外的div元素来显示这样的阴影效果

<div style="height:100px;width:100px;border:1px solid #eee">
  <div style="height:100px;width:100px;border:1px solid #ccc">
    <div style="height:100px;width:100px;border:1px solid #aaa">
      <div style="height:98px;width:98px;border:1px solid #999">
        <div style="height:96px;width:96px;border:1px solid #777">
       hello world
        </div>
      </div>
    </div>
  </div>
</div>

其次，我曾经像这样background image显示阴影效果

<div style="background-image=url(drop-showdow.png)">
  hello world
</div>

越来越http-request多dom element的不利于优化网站。该怎么办？为什么？

4

1 回答 1

0

为什么不直接使用 CSS？

box-shadow: 0 0 5px 3px #777;

对于这样的东西，它增加了外观而不是必需的功能，只需使用纯 CSS。如果人们仍在使用不支持它的足够旧的浏览器，那么对他们来说是艰难的突破。如果我们每天都在担心仍处于石器时代的人们，那么整个互联网就无法发展。

于 2013-02-28T18:38:05.143 回答