페이지 크기를 줄입니다

Question

로드하는 동안 내 페이지 크기를 줄일 수있는 방법을 아는 사람이 있습니까? 어쨌든 CSS 파일의 크기와 JavaScript 파일의 크기를 줄일 수 있습니까?

Answer 1

• GZIP 압축
• 미니 화
• 여러 요청을 하나로 결합합니다

GZIP 압축은 스타일 시트 및 HTML과 같은 텍스트 기반 응답에 효과적이지만 이미지는 아닙니다.

미니는 CSS 및 JavaScript에 효과적입니다 (JavaScript에서는 더욱). 언어와 프레임 워크에 따라 다양한 솔루션이 있습니다. 이것은 가능한 경우 공백 및 식별자 이름을 단축하여 전송되는 코드를 난독하게합니다.

대역폭을 많이 절약하지 않더라도 여러 요청을 하나의 대기 시간에 결합하면 대기 시간이 많이 줄어 듭니다. 사용자에게 더 빠르게 인식 된로드 시간을 초래합니다. 여러 CSS 파일을 하나로 결합 할 수 있습니다. 이미지를 사용하면 다음과 같은 기술을 사용할 수 있습니다. 스프라이트.

Answer 2

Yui의 압축기 하나의 옵션입니다.

yslow 왜 느린 지에 대한 아이디어를 얻는 데 괜찮습니다.

작은 사이트가 아닌 대형 사이트를 권장하는 경향이 있으므로 상식을 적용하십시오.

Answer 3

바이트가 전송 된 것을 의미합니까? 그렇다면 사용합니다 HTML의 GZIP 압축. Apache에서 사용하십시오 mod_deflate. 서틀 필터도 있습니다.

Answer 4

W3compiler 원하는 것을 정확하게 수행하는 도구입니다.

Answer 5

이것에 대한 훌륭한 책이 있습니다 고성능 웹 사이트. 클라이언트 측면 성능 업그레이드의 다양한 단계를 안내하는 O'Reilly 책입니다. CSS 및 JS 파일 크기와 같은 주제를 다룹니다.