DOM 요소를 늘리거나 HTTP 요청을 대신 사용하십시오.

Question

빠른 로딩 웹 사이트에 가장 적합한 방법을 알고 싶습니다. 내가 아는 ,

• 더 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> 

둘째, 내가 그림자를이

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

더 http-request 같은 효과 dom element보다 더 최적화 된 웹 사이트에 대한 좋지 않아 보여 background image을 사용했다. 무엇을해야합니까? 그리고 왜?

Answer 1

CSS를 사용하지 않는 이유는 무엇입니까?

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

필수 기능이 아닌 외관을 추가하는 것과 같이 일반 CSS 만 사용하십시오. 사람들이 아직도 그것을 지원하지 않는 오래된 브라우저를 사용하고 있다면, 그들을 위해 힘든 휴식. 우리가 매일 석기 시대에 사는 사람들에 대해 걱정한다면 인터넷 전체가 발전 할 수 없습니다.