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 に答える