>웹 프론트엔드 >HTML 튜토리얼 >HTML에서 페이지 로딩 속도를 향상시키는 방법

HTML에서 페이지 로딩 속도를 향상시키는 방법

王林
王林앞으로
2020-03-11 17:32:002454검색

HTML에서 페이지 로딩 속도를 향상시키는 방법

(1) HTTP 요청을 줄입니다. (리소스 파일 병합 및 이미지 스프라이트 사용)

(2) 머리글에 CSS를 넣고 본문 태그 끝에 JavaScript를 넣습니다.

(3) 이미지의 너비와 높이를 정의합니다. 문자 세트

(권장 튜토리얼:

html 입문 튜토리얼

) (5) 빈 src 및 href 속성을 피하고

html에 다음을 작성하세요.

<a href="javascript:;" class="triggerName">Trigger</a>

js 정의:

$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })

(6) GZIP 활성화

(7) CSS 표현을 버리고 더 효율적인 CSS 선택기를 사용합니다.

(8) 외부 링크 CSS 및 JavaScript를 사용합니다.

(10) 다시 그리기를 줄입니다.

추천 관련 비디오 튜토리얼:

html 비디오 튜토리얼

위 내용은 HTML에서 페이지 로딩 속도를 향상시키는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 jb51.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제