웹 사이트 속도를 향상시키는 명백한 방법은 HTML 파일의 크기를 줄이는 것입니다. 하드 압축, 침술과 같은 ID 및 클래스 이름 변경과 같은 몇 가지 방법이 있습니다. 다음은 HTML 태그를보다 간소화하기 위해 요약 한 몇 가지 방법입니다.
HTML 4HTML (XHTML이 아닌), 마임 유형은 텍스트/html이므로 일부 태그를 생략 할 수 있습니다. HTML 4 DTD를 사용하면 다음 태그를 생략 할 수 있습니다 (소위 피할 수있는 요소는 여기에 Strikethrough가 표시되어 있습니다).
</지역> </base> <body> </body> </br> </col> </colgroup> </dd> </dt> <head> </head> </hr> <html> </html> </img> </입력> </li> </링크> </메타> </option> </p> </param> <tbody> </tbody> </td> </tfoot> </th> </thead> </tr>예를 들어, 코드가 있습니다
<li>list item</li>다음과 같이 쓸 수 있습니다
<li>list item예를 들어, 단락이 있어야합니다
</p>결국, 당신은 그냥 쓸 수 있습니다
<p>my paragraphHTML, 헤드, 바디를 제거 할 수도 있습니다 (코딩 사양으로 복용하기 전에 편안하게 만들 수 있습니다).
태그를 생략 한 후에는 HTML이 여전히 유효하며 파일 크기가 줄어 듭니다. 일반 페이지의 경우 5-20%를 절약 할 수 있습니다.
HTML 5개발중인 HTML 5는 파일 크기를 줄이는 몇 가지 방법을 제공합니다.
예를 들어, 페이지 문서 유형 선언
<!doctype html>차이
<!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>분명히 HTML 5 DTD는 더 짧습니다.
HTML 5는 사용하기 쉽고 페이지의 인코딩을 지정할 때 더 짧습니다.
<meta charset=utf-8>바꾸다
<meta http-equiv=content-type content=text/html; charset=utf-8>일반적으로 브라우저는 HTML을 올바르게 처리합니다.
또한 오늘날의 HTML 5에서는 MIME 유형을 다음과 같이 선언하는 유형 속성을 제거 할 수 있습니다.
type=text/css 또는 type=text/javascript당신은 사용할 수 있습니다
<script> 대안 <script type=text/javascript> 사용 <style> 대안 <style type=text/css>모든 유형의 페이지 (xhtml)에서 생략 할 수 있습니다.
type=text/cssHTML 5는 이것을 더 쉽게 만듭니다.
위의 모든 방법을 동시에 사용하면 인코딩 스타일과 페이지의 텍스트 콘텐츠 양에 따라 파일의 10% -20% (또는 그 이상)가 절약됩니다. 코드는 더 깨끗하고 방문자는 웹 사이트 콘텐츠를 더 빨리 얻게됩니다. 우리는 프라이버시 센터 프로젝트 에서이 기술을 많이 사용하여 원본 파일 크기의 20%를 절약합니다.