>  기사  >  웹사이트 성능을 최적화하는 방법

웹사이트 성능을 최적화하는 방법

hzc
hzc원래의
2020-06-28 14:06:244557검색

웹사이트 성능 최적화에는 다음이 포함됩니다. 1. 콘텐츠 측면에서 HTTP 요청 감소, DNS 쿼리 감소 및 리디렉션 방지 2. 서버 측면에서 CDN 사용, Gzip 압축 사용 및 빈 src img 태그 방지; 쿠키 이용 약관을 개선하려면 리틀 쿠키를 줄여보세요.

웹사이트 성능을 최적화하는 방법

1. 콘텐츠 측면

HTTP 요청 감소: 파일 병합, CSS 스프라이트, 인라인 이미지

DNS 쿼리 감소: DNS 쿼리가 완료되기 전에 브라우저는 이 호스트에서 파일을 다운로드할 수 없습니다. 방법: DNS 캐시, 적절한 수의 호스트 이름에 리소스 배포, 병렬 다운로드 및 DNS 쿼리 균형 유지

리디렉션 방지: 중복 중간 액세스

AJAX 캐싱 사용

필수적이지 않은 구성 요소의 지연 로딩

향후 필수 구성 요소 미리 로드

수 줄이기 DOM 요소

다른 도메인 아래에 리소스 배치: 브라우저는 동시에 하나의 도메인에서 제한된 수의 리소스를 다운로드할 수 있습니다. 도메인을 늘리면 병렬 다운로드 수가 늘어날 수 있습니다.

iframe 수를 줄이세요

No 404

2. 서버 측면

CDN 사용

만료 또는 캐시 제어 추가: 캐시 제어와 만료가 동시에 존재하는 경우 캐시 제어는 만료를 덮어씁니다. 관련 링크

Gzip 압축 사용

Etag 구성

버퍼 조기 플러시

Ajax는 요청에 GET을 사용합니다

빈 src가 있는 img 태그 방지

3. 쿠키 측면

쿠키 줄이기

다음의 도메인 이름을 포함하지 마세요. 가져온 리소스 쿠키

4. CSS 측면

스타일 시트를 맨 위에 배치하세요

CSS 표현식을 사용하지 마세요

@import를 사용하지 마세요

IE 필터를 사용하지 마세요

5.
스크립트를 페이지 하단에 배치

외부에서 JavaScript 및 CSS 도입

JavaScript 및 CSS 압축

불필요한 스크립트 삭제

DOM 쿼리 감소

이벤트 리스너를 합리적으로 설계

6. 그림 최적화: 실제 조건에 따라 색상은 색상 심도 및 압축으로 선택해야 합니다.

CSS 스프라이트 최적화

HTML에서 이미지를 늘리지 마세요

파비콘과 아이콘이 작고 캐시 가능한지 확인하세요

7. 모바일의 경우

구성 요소가 다음보다 작은지 확인하세요. 25K

구성 요소를 여러 부분으로 구성된 문서로 압축

위 내용은 웹사이트 성능을 최적화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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