웹 페이지 속도를 높이기 위해 HTML을 최적화하는 방법

高洛峰
풀어 주다: 2017-03-10 11:49:19
원래의
2232명이 탐색했습니다.

분명히 HTML, 숨겨진 "공개 스크립트" 웹페이지 다운로드 시간을 줄이는 열쇠는 파일 크기를 줄이는 방법을 찾는 것입니다. 여러 페이지가 일부 구성 요소 콘텐츠를 공유하는 경우 이러한 공통 부분을 별도로 분리하는 것을 고려할 수 있습니다. 예를 들어 여러 HTML 페이지에서 사용하는 스크립트 프로그램을 독립적인 .js 파일에 작성한 다음 다음과 같이 페이지에서 일반 HTML을 호출하고 "공통 스크립트"

웹페이지 다운로드 시간을 줄이는 열쇠는 파일 크기를 줄이는 것입니다. 여러 페이지가 일부 구성 요소 콘텐츠를 공유하는 경우 이러한 공통 부분을 별도로 분리하는 것을 고려할 수 있습니다. 예를 들어 여러 HTML 페이지에서 사용되는 스크립트를 독립적인 .js 파일에 작성한 다음 다음과 같이 페이지에서 호출할 수 있습니다.


이런 식으로 공개 파일을 한 번만 다운로드한 후 버퍼에 넣으면 됩니다. 다음에 공용 파일이 포함된 html 페이지를 다시 호출하면 다운로드 시간이 크게 단축됩니다.

스타일 시트 콘텐츠가 지하에서 작동하도록 하세요. CSS는 HTML 데코레이터이며 아름다운 웹페이지는 CSS 없이는 존재할 수 없습니다. HTML 페이지에서 CSS를 참조하는 방법에는 여러 가지가 있으며, 방법에 따라 효율성도 달라집니다. 일반적으로 사이에 정의된 스타일 제어 코드를 추출하여 별도의 .css 파일에 저장한 다음 HTML 페이지에서 태그 또는 @import 태그를 사용하여 인용할 수 있습니다.
​                   ~
2가지 사항에 유의하세요.

1. .css 파일에