페이지 로딩 시간을 더 잘 줄이는 방법, 19가지 방법이 아래에 제공됩니다. 참고용으로만 관심 있는 친구들이 한 번 살펴볼 수 있습니다.
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 호출은 일반적으로 추가 기능 매개변수로 구현되는 캐시 호출을 사용합니다.
{VERHASH} 기능 매개변수이며, 이 매개변수가 변경되지 않으면 캐시 파일이 사용됩니다. 변경되면 새 파일이나 업데이트 정보가 다시 다운로드됩니다.
8. Ajax 호출에 GET 방식을 사용해 보세요
실제로 XMLHttpRequest를 사용할 때 POST 방식을 사용하면 HTTP 요청이 2개 발생하고, GET 방식을 사용하면 HTTP 요청이 1개만 발생합니다. 대신 GET 메소드를 사용하면 HTTP 요청이 50% 감소합니다!
9. 좋은 개발 및 유지 관리 습관을 기르고 스크립트에 대한 반복 호출을 피하십시오.
10. iframe 사용을 줄이고 불필요한 경우 사용하지 마십시오.
11 클라이언트가 브라우징을 보낸 후. 요청, 서버 클라이언트가 이러한 요청을 처리하는 데 일반적으로 200-500ms가 소요됩니다. 이 기간 동안 클라이언트 브라우저는 대기 상태에 있습니다. 사용자의 대기 시간을 줄이려면 적절한 위치에서 플러시를 사용할 수 있습니다. 준비된 콘텐츠를 클라이언트에 푸시합니다. 예를 들면 다음과 같습니다.
e1698f9f8c729d9d3dfb866fa42897e812. 301 및 302 리디렉션을 사용하지 마세요.
브라우저, 프록시 또는 검색 엔진에서 보낸 "크롤러"가 호출을 요청하는 경우 페이지 또는 URL, 호출 페이지 또는 URL 현재 사용 중인 웹 서버는 .htaccess라는 파일을 확인합니다. 이 파일에는 특정 요청을 처리하는 방법에 대한 지침이 포함되어 있으며 보안에서 중요한 역할을 합니다. 사용자는 이 파일을 수정하여 호출된 페이지가 일시적으로 제거(302 리디렉션)되거나 영구적으로 제거(301 리디렉션)되는지 여부를 브라우저, 에이전트 또는 "크롤러"에 알릴 수 있습니다. .htaccess 파일 대신 웹 호스팅 서비스를 통해 301/302 영구 리디렉션을 구현할 수도 있습니다.
13. 이미지 파일 최적화
이미지 파일을 최적화하고 크기, 특히 썸네일을 줄입니다. 크기에 따라 썸네일을 생성한 다음 웹 페이지에서 크기 조정 방법을 사용하지 마세요. 이렇게 하면 겉보기에는 작아지지만 로드되는 데이터의 양은 전혀 줄어들지 않습니다.
일반 이미지와 아이콘도 최대한 압축해야 합니다. 이는 웹 이미지 저장, 색상 수 감소 등을 통해 달성할 수 있습니다.
14. 페이지 콘텐츠가 충분히 크면 페이징이나 타오바오의 페이지 넘김 및 로딩 방식으로 표시될 수 있습니다.
15. 여러 도메인 이름을 사용하여 웹페이지에 여러 파일과 사진을 로드하세요.
일부 데이터에 따르면 IE는 웹페이지 로드 프로세스 중에 동일한 도메인 이름에 대해 동시에 최대 2개의 병렬 HTTP 요청을 만들 수 있습니다. 웹 페이지에서 로드해야 하는 파일 수가 2개(보통...보다 훨씬 많음)를 초과하는 경우 웹 페이지 액세스 속도를 높이려면 해당 파일을 19층과 같은 여러 도메인 이름에 배포하는 것이 가장 좋습니다. Node.js 파일은 독립적인 도메인 이름을 사용한다고 합니다. Baidu의 사진 서버 수는 20개 이상입니다.
16. css와 javascript는 외부에서 호출해야 합니다
css와 js의 내용이 상대적으로 크다면 같은 페이지에 작성하지 마세요. 브라우저 자체에서 처리하기 때문입니다. CSS 및 JS 파일.
17. DCOM 요소를 최대한 줄입니다.
웹 페이지의 다양한 <> 요소 수를 최대한 줄입니다. 예를 들어