>  기사  >  웹 프론트엔드  >  페이지 로딩 시간을 더 효과적으로 줄이는 방법

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

零下一度
零下一度원래의
2017-07-17 15:08:582004검색
  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 호출은 일반적으로 추가 기능 매개변수로 구현되는 캐시 호출을 사용합니다.

43f9df3efce85b3d44ca1f11b5eca564 요소 수를 최대한 줄입니다. 예를 들어 f5d188ed2c074f8b944552db028f98a1 dc6dce4a544fdca2df29d5ac0ea9906b.

18. CSS 스크립트(CSS 표현식) 사용을 피하세요

때로는 CSS 매개변수를 동적으로 변경하기 위해 CSS 표현식을 사용할 수도 있지만 이는 이득을 얻을 가치가 없으며 사용자 브라우저에 부담을 크게 증가시키므로 권장하지 않습니다. 변경해야 하는 경우 Javascript를 사용하여 변경할 수 있습니다.

19. 파일 만료 또는 캐시 헤더 추가

동일한 사용자가 자주 액세스하는 이미지, Js 스크립트 파일 등에 대해 24시간 만료 시간 설정 등 Apache 또는 Nginx에서 버퍼링 시간을 설정할 수 있습니다. 사용자가 페이지를 방문한 후 다시 방문할 수 있도록 이 때 동일한 사진 세트나 JS가 반복적으로 다운로드되지 않으므로 HTTP 요청이 줄어들고 사용자 액세스 속도가 확실히 향상되며 서버 부하도 줄어듭니다.

위치 ~ .*.(gif|jpg|jpeg|png|bmp|swf)$
{
만료 30d;#30일 만료 설정
}
위치 ~ .*.(js|css)?$
{ 1시간 만료;#1시간 만료 설정
}


위 내용은 페이지 로딩 시간을 더 효과적으로 줄이는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.