Doctype 및 브라우저 속도

StackOverflow https://stackoverflow.com/questions/1032073

  •  06-07-2019
  •  | 
  •  

문제

HTML 문서의 DocType와 브라우저 렌더링 속도 사이에 관계가 있습니까?

그렇다면 어떤 것이 가장 빠른가?

도움이 되었습니까?

해결책

문서 유형이 렌더링 속도에 영향을 미친다고 생각하지 않습니다. 그러나 HTML 문서의 구조와 스타일은 가질 것입니다.

복잡한 스타일 (플로트, 포지셔닝, 여백, 패딩)을 갖춘 복잡한 HTML 문서 (거대한 DOM 트리, 많은 내장 객체)에는 여러 렌더링 실행이 필요할 수 있습니다. 또한 유효하지 않은 HTML 코드 브라우저는 DOM 트리를 구문 분석하고 구축하기 위해 약간의 오류 처리를해야합니다 (그러나 렌더링은 아닙니다).

가져 가라 Gecko Reflow 예를 들어 Firefox의 렌더링 엔진 게르코가 HTML 문서를 어떻게 렌더링하는지 보여줍니다 (비디오 mozilla.org, 위키 백과 페이지 그리고 Google.co.jp).

다른 팁

Google은 지구상에서 가장 빠른 사이트 중 하나입니다. 그들은 다음과 같은 doctype을 사용합니다.

<!doctype html>

Google에서 "모든 바이트가 중요합니다".

확실히, Google은 먼저 다른 작업을 수행합니다. 당신이 그들의 수준에있을 때, 당신은 당신이 보내는 문자/바이트 수에 대해 생각해야합니다. 따라서 DocType을 변경하는 것이 도움이 될 것이라고 생각하는 시점에 있으면 위의 것을 사용하십시오.

내 자신의 경험만을 바탕으로, 나는 차이가 순전히 무시할 만하다는 것을 모험 할 것입니다.

DocType 선택에는 영향을 줄 수있는 몇 가지 요소가 있습니다.

  • 엄격한 DocType에는 파싱 시간이 적을 수 있습니다 (오류가 없음).
  • XHTML은 모든 것에 대한 필수 폐쇄 태그로 인해로드하는 데 시간이 오래 걸릴 수 있습니다.

그러나 이는 렌더링 엔진과 소스 코드를 처리하는 방법에 따라 크게 다릅니다.

나는 아직도 최적화 된 웹 사이트를 보지 못했을 정도로보아야 할 유일한 것은 DocType입니다. 페이지 로딩 속도를 향상시키기 위해 다음과 같은 도구를 사용합니다. yslow 또는 Google 페이지 속도 개선을위한보다 명백한 영역을 나타냅니다.

나는 실제 세계의 렌더링 속도 차이에 대해 들어 본 적이 없습니다. XHTML이 더 빨리 렌더링 될 것이라고 종종 제안합니다. 잘 형성된 문서를 사용하면 브라우저가 오류를 처리 할 필요가 없지만 브라우저는 렌더링 될 때까지 잘 형성된다는 것을 알지 못한다는 생각입니다.

유효성이없는 엄격한 XHTML DocTypes가있는 많은 페이지가 있습니다.

다운로드 속도와는 별도로 CSS 선택기를 사용하는 방식은 예를 들어 영향을 미칠 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top