성능 최적화 코드 최적화 페이지 로드 속도

페이지 코드 의 최 적 화 는 페이지 로드 속도 에 도 적지 않 은 영향 을 미 치고 가장 널리 알려 진 것 은:
HTML 머리의 JavaScript 와 HTML 탭 에 적 힌 Style 은 페이지 의 렌 더 링 을 막 기 때문에 CSS 는 페이지 의 머리 에 놓 고 Link 방식 으로 도입 되 며 JavaScript 의 도입 은 페이지 끝 에 놓 입 니 다.
그 다음은 다음 과 같다.
1.필요 에 따라 불 러 오고 통계,공유 등 JS 를 페이지 onload 에 추가 하면 접근 속 도 를 높 일 수 있 습 니 다.
2.쿠키 를 최적화 하고 쿠키 의 부 피 를 줄인다.
3.[]()의 src 가 비어 있 는 것 을 피한다.
4.그림 의 크기 를 설정 하 는 것 을 피하 고 그림 의 크기 를 여러 번 재 설정 하면 그림 의 여러 번 재 그림 을 그 려 서 성능 에 영향 을 줄 수 있 습 니 다.
5.display 속성 을 합 리 적 으로 사용:        
  • display:inline 이후 width,height,margin,padding 및 float
  • 를 사용 해 서 는 안 됩 니 다.
  • display:inline-block 후 float
  • 를 사용 하지 말 아야 합 니 다.
  • display:block 후 vertical-align
  • 을 사용 하지 말 아야 합 니 다.
  • display:table-*이후 margin 이나 float
  • 를 사용 하지 말 아야 합 니 다.
    6.Float 와 Web 글꼴 을 남용 하지 않 습 니 다.
    7.가능 한 한 CSS 3 애니메이션 을 사용 합 니 다.
    8.AJAX 비동기 로 부분 불 러 오기 요청 사용 하기;
    이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!

    좋은 웹페이지 즐겨찾기