지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 페이지 로딩 시간을 더 효과적으로 줄이는 방법

페이지 로딩 시간을 더 효과적으로 줄이는 방법

零下一度
풀어 주다： 2017-07-17 15:08:58
원래의
2084명이 탐색했습니다.

  1. 페이지 로딩 시간을 더 잘 줄이는 방법, 19가지 방법이 아래에 제공됩니다. 참고용으로만 관심 있는 친구들이 한 번 살펴볼 수 있습니다.

  2. 1. 반복되는 HTTP 요청 횟수를 최대한 줄여야 합니다.

(1) 다른 페이지 및 파일에 대한 호출 횟수를 줄입니다.

　　(2) Sprite

2. CSS 스타일 정의를 파일 헤드에 배치합니다.

이 설정은 클라이언트가 느린 네트워크에 있거나 웹 페이지 콘텐츠가 상대적으로 큰 경우에 더 유용합니다. 여전히 웹 페이지를 점진적으로 렌더링할 수 있습니다. 형식 정보는 유지되고 웹 페이지의 아름다움은 영향을 받지 않습니다.

3. Javascript 스크립트를 파일 끝에 넣습니다.

4. Javascript 및 CSS 코드를 압축합니다.

5. CDN(Content Delivery Network) 네트워크 가속을 사용합니다.

중국에는 CDN 가속 사업을 하는 회사가 많습니다. 간단히 말해 CDN 네트워크가 도달할 수 있는 장소에 사진과 비디오가 분산되어 사용자가 방문할 때 근처에서 이러한 파일을 다운로드할 수 있어 네트워크 속도를 높이는 목적도 달성할 수 있습니다. 당신의 웹사이트.

6. 서버에서 gzip 압축 기능을 활성화하세요
　전송할 파일을 압축한 후 클라이언트로 전송한 후 압축을 해제하면 네트워크를 통해 전송되는 데이터의 양이 크게 줄어듭니다. 서버의 Apache 및 Nginx를 직접 활성화할 수도 있으며, 전송 파일 헤더를 직접 설정하고 gzip 설정을 추가할 수도 있습니다. 로드 밸런싱 장치에서 직접 설정할 수도 있습니다. 그러나 이 설정은 서버의 부하를 약간 증가시킨다는 점에 유의해야 합니다. 서버 성능이 그다지 좋지 않은 웹사이트는 신중하게 고려해야 합니다.

7. Ajax는 캐시 호출을 사용합니다.
Ajax 호출은 일반적으로 추가 기능 매개변수로 구현되는 캐시 호출을 사용합니다.

저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
2
1429
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1361
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까? 내 Sort.js 스타일 구성 요소는 다음과 같습니다. <SortWrapper><SortText>SortBy</SortText>&...
에서 2024-04-06 21:28:37
0
1
2257
스도쿠 검사기가 작동하지 않나요? 오류를 식별하는 데 도움을 줄 수 있는 사람이 있나요? 온라인 편집기에서 모든 것을 시도했지만 여전히 오류가 발생합니다. 하지만 내 컴퓨터의 VSCode에서 이 작업을 수행하면 제대로 작동합니다. 혼란스러워서 버그를 ...
에서 2024-04-06 21:21:07
0
1
474
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿