it-gundan.com

JavaScript 및 / 또는 CSS를 어떻게 압축합니까?

동적으로 페이지에로드 방법이 있다는 것을 알고 있지만 코드를 압축하여 더 빠르게로드하려면 어떻게해야합니까?

8
Jason

Minify 표준 인 것 같습니다. Here 는 블로그 사용법을 설명하는 블로그 게시물입니다.

3
Travis Northcutt

JavaScript 코드를 압축하려면 Google Closure Compiler 를 적극 권장합니다. 개인적으로 사용하며 jQuery 프로젝트에서 사용하는 공식 압축기이기도합니다.

이 프로젝트는 많은 작업을 수행 할 수 있지만 기본 사항은 다음과 같습니다.

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

gzip 을 사용하십시오.

3
ilhan

Justin Etheredge의 SquishIt 프로젝트를 사용합니다. 대단해! 그러나 asp.net에만 해당됩니다.

  • CSS 및 Javascript 압축에는 YUI를 사용합니다.
  • LESS에 대응
  • Google 폐쇄를 지원한다고 생각합니다.
  • 엄청나게 사용하기 쉽습니다.

squishit 블로그 게시물 소개 을 읽으십시오.

단일 <script> 태그와 단일 <link> 태그를 렌더링하는 샘플 코드는 다음과 같습니다. 둘 다 결합되고 축소 된 JS/CSS 파일을 가리 킵니다.

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>
2
jessegavin

JavaScript와 CSS를 압축/축소하기위한 매우 인기있는 도구가 몇 가지 있습니다.

  • 야후 유이 압축기
  • Microsoft AJAX 축소 기
  • Google 클로저 컴파일러 (JavaScript 전용)

모두 매우 강력합니다. 비교를 매우 쉽게 찾을 수 있습니다. 모두 명령 줄 도구이므로 웹 사이트를 구축하거나 게시 할 때 자동으로 런에 쉽게 통합 될 수 있습니다.

또한 이러한 도구를 실행하는 많은 웹 사이트를 찾을 수 있으므로 설치/구성 시간을 절약 할 수 있습니다. 명령 줄 도구 사용에 익숙하지 않은 경우에도 도움이됩니다.

개인적으로 저는 항상 YUI Compressor 를 사용했습니다.

1
Sean Moubry

JS 및 CSS 축소 기 비교를 확인하여 가장 적합한 것을 선택하십시오.

0
mvark

이것은 YUI 압축기 알고리즘을 사용합니다.

http://www.jscompressor.com

0
Nitro

모든 자바 스크립트를 단일 파일에 추가하고 예를 들어 jsmin (http://www.crockford.com/javascript/jsmin.html)으로 압축하십시오. CSS 에서도이 작업을 수행하지만 다른 압축 기술 (공백 제거)을 사용하십시오. 이 작업은 지루한 반복 작업이므로이를 위해 사용할 수있는 스크립트가 있습니다. Django를 사용하고 Django-assets를 사용하여이 프로세스를 완전히 자동화하십시오.

0
D4V360

Javascript 파일의 크기를 압축하려면 packer 를 사용할 수 있습니다.

0
HoLyVieR