WEB 프로젝트 최적화 기술 (필수)

1.HTTP 요청 최소화 HTTP 요청 줄이기
이미지, CSS, 스크립트, 플래시 등은 http 요청 수를 줄입니다. 응답 시간을 줄일 수 있습니다. 가능하다면 여러 개의 JS와 CSS를 하나의 파일에 작성하세요. 이미지를 페이지에 직접 작성하고 CSS를 사용하는 것도 좋지 않습니다. 스프라이트 배경을 사용하여 작은 그림을 엮은 후 위치를 지정하세요.
　2.CDN 기술을 이용한 콘텐츠 전송 네트워크 사용
CDN은 참 좋은데 서버가 공급자 이 서비스에는 일반적으로 요금이 부과됩니다.
　3. Expires 또는 Cache-Control 헤더 설정 헤더 파일 만료 또는 정적 캐시 추가
브라우저는 http를 줄이기 위해 캐싱을 사용합니다. 요청 수는 페이지 로딩 시간을 단축하는 데 사용됩니다. 페이지 헤더에 긴 만료 시간이 추가되면 브라우저는 항상 페이지의 요소를 캐시합니다. 그러나 페이지의 내용이 변경되면 이름을 변경해야 합니다. 그렇지 않으면 클라이언트가 적극적으로 새로 고침되지 않습니다. 이는 사용자의 측정에 따라 다릅니다. 이는 .htaccess 파일을 수정하여 달성할 수 있습니다.
　4.Gzip 구성 요소 Gzip 압축
Gzip 형식은 매우 일반적인 압축 기술이며 거의 모든 브라우저에는 Gzip 압축 해제 형식 기능이 있으며, 압축할 수 있는 압축률은 매우 크며, 일반 압축률은 85%입니다
　5. 스타일시트를 맨 위에 배치 CSS를 맨 위에 배치
시청자가 웹사이트의 전체 스타일을 최대한 빨리 볼 수 있도록 하세요.
　6. 하단에 스크립트 넣기 하단에 JS 넣기
웹사이트가 렌더링된 후 기능을 설정할 수 있습니다. , 이러한 JS는 로드 프로세스 중에 콘텐츠 성능에 영향을 미치지 않습니다.
　7.CSS 표현식을 피하세요
CSS 표현식은 실행 시 엄청난 양의 IE에서만 지원됩니다. . 크기가 매우 커서 마우스를 움직일 때마다 다시 계산됩니다.
8. JavaScript 및 CSS 외부 링크 만들기 JS 및 CSS를 외부적으로
앞서 캐싱에 대해 이야기했고, 좀 더 일반적인 JS와 CSS에 대해 이야기했습니다. CSS CSS, 외부 링크 형식을 사용할 수 있습니다. 예를 들어 Google 외부 링크의 Jquery 파일이 있습니다. 이 외부 링크 파일을 사용하는 다른 웹사이트를 탐색할 때 내 브라우저가 이 파일을 다운로드하고 캐시했다면 해당 파일은 없습니다. 내 웹사이트를 탐색할 때 더 이상 다운로드해야 합니다! ~
　9.DNS 조회 줄이기 DNS 조회 줄이기
웹사이트 외부에서 리소스를 호출하는 일을 줄이는 것 같은데, 제 구글 분석과 picasa 외부 링크 사진이 포함되어 있습니다.
10.JavaScript와 CSS를 축소한다. JS와 CSS의 크기를 줄인다
JS와 CSS를 쓰는 기술이 있으니 최소한으로 사용한다. 시간 코드는 동일한 기능을 구현하고, 공백을 줄이고, 논리를 강화하고, 약어를 사용하는 등의 작업을 수행합니다. 물론 이를 달성하는 데 도움이 될 수 있는 도구가 많이 있습니다.
　11. 리디렉션을 피하세요. today-s-ooxx. com' 및 '
http://www. today-s-ooxx. com/"에는 마지막 "/" 차이가 하나만 있지만 결과는 다릅니다. 서버는 전자를 후자로 리디렉션한 다음 점프하는 데 시간을 소비해야 합니다. 이 점에 주의해야 합니다. Alias ​​또는 이를 해결하려면 Apache에서 mod_rewrite를 사용하세요. 12. 중복 스크립트 제거 브라우저는 반복적으로 호출되는 코드를 인식하지 못하고 다시 계산됩니다. 물론 큰 낭비입니다. 　13. ETag 구성
htaccess에서 삭제했습니다.
14. Ajax를 캐시 가능하게 만듭니다. Ajax
Ajax는 서버가 새 데이터를 받기 전에 실시간으로 응답하므로 이전 데이터가 캐시됩니다. 15. 버퍼 조기 플러시 버퍼를 최대한 빨리 해제하세요
사용자가 페이지 요청을 하면 서버가 페이지를 조립하는 데 200~500밀리초가 소요됩니다. HTML의 경우 헤드와 바디 사이에 작성하고 버퍼를 해제하여 파일 헤더를 먼저 보낸 후 파일 내용을 보낼 수 있도록 효율성을 높이고
　16. 사용 AJAX 요청용 GET AJAX 요청을 하려면 GET 메서드를 사용하세요
　Get 메서드는 서버와 단 한 번의 상호 작용(데이터 보내기)만 하는 반면 Post는 두 번 보내야 합니다(헤더 보내기 및 그런 다음 데이터) 17. 사후 로드 구성 요소 지연 로드 구성 요소
<.> 페이지를 초기화하기 위해 필요한 구성 요소를 먼저 로드한 다음 나머지를 로드합니다. YUI 이미지 로더
가 좋은 예입니다.
18. 컴포넌트 미리 로드
나중에 사용할 수 있는 것을 로드하는 것이 지연 로딩과 충돌하지 않는 목적으로 더 빠른 응답을 제공합니다. 후속 요청은 Google 홈페이지의 CSS 스프라이트 애플리케이션을 참조하세요.
19. DOM 요소 수 줄이기 DOM 요소 수 줄이기
페이지 구조가 복잡하면 다운로드 및 응답 시간이 길어집니다. 페이지를 보다 합리적이고 효율적으로 구성하는 것은 좋은 프런트엔드를 위한 전제 조건입니다.
　20. 도메인 간 구성 요소 분할 너무 많이 사용하지 마세요. 도메인 이름이 2~4개를 넘으면 위에서 언급한 DNS 조회가 낭비됩니다.
　 21. iframe 수를 최소화하라 iframe 수를 줄여라
iframe을 좀 더 효과적으로 활용해야 한다.
iframe 장점: 광고, 보안 샌드박스, 병렬 다운로드 스크립트와 같은 느린 타사 콘텐츠를 다운로드하는 데 적합
iframe 단점: 비어 있어도 큰 리소스 소비로 인해 페이지의 온로드가 방지됩니다. 비의미적
22. 404 없음 404 페이지
에 표시되지 않음 사이트 자체(비검색 결과) 404 페이지가 표시됩니다. 의미 없는 404 페이지는 사용자 경험에 영향을 미치고 서버 리소스를 소모합니다.
　23. 쿠키 크기 줄이기 쿠키 줄이기
쿠키는 서버와 브라우저 사이에서 파일 헤더를 통해 교환되어 쿠키의 크기를 줄입니다. 작은 쿠키 크기와 합리적인 만료 시간은 효율성을 크게 향상시킬 수 있습니다. 위 내용은 관련 내용을 포함하여 WEB 프로젝트 최적화 기술(필수)을 소개하고 있으며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.