jquery.js와 jquery.min.js의 차이점은 무엇입니까?


289

jquery.min.js와 jquery.js의 차이점은 무엇입니까?

어느 것이 모든 기능을 지원합니까?

답변:


282

그것들은 기능적으로 동일하지만 .min 파일은 파일 크기를 작게 만들기 위해 불필요한 문자를 모두 제거했습니다.

Google이 현재 페이지 로딩 시간을 확인하고 있으므로 실제 환경에 대해 축소 버전 (.min)을 사용하는 것이 좋습니다. 모든 JS 파일을 축소하면로드 속도가 빨라지고 브라우니 포인트가 더 높아집니다.

귀하의 사이트를 살펴보고 모든 .JS 파일을 보여주고 축소 된 버전을 제공하는 Page Speed라는 Mozilla 용 애드온을 얻을 수 있습니다.


1
@ sasha.sochka 파일 크기가 작아 지므로 파일 크기가 작을수록 서버에 대한 요청이 더 빠르다는 의미입니다. 이것은 분명히 파일의 데이터 양에 달려 있습니다.
webnoob

@webnoob, 설명이 정확하지 않아서 죄송합니다. 런타임 JS 성능을 의미했습니다.
sasha.sochka

1
@ sasha.sochka AFAIK JS 엔진에 의한 성능 향상은 없습니다.
webnoob

또한 this- function (i, s, o, g, r, a, m) 과 같은 기능을 보았습니다 . 문자 수를 줄이는 또 다른 방법은 무엇입니까?
Utsav T

2
@gilbertpilz-축소는 사람들이 코드를 훔치는 것을 막지 않습니다. 그러나 난독 화는 사람들이 코드를 재사용 할 수 없도록합니다. 그들은 물론 그것을 다운로드 할 수는 있지만 횡설수설을 따르기 어려울 것입니다.
webnoob

122

둘 다 동일한 기능을 지원합니다. 대역폭을 유지하기 위해 jquery.min.js압축 버전 jquery.js(공백 및 주석 제거, 짧은 변수 이름 등)입니다. 기능면에서 그들은 완전히 동일합니다. 프로덕션 환경에서는이 압축 버전을 사용하는 것이 좋습니다.


94
  • jquery.js = 예쁘고 읽기 쉬운 :) 이것을 읽으십시오.

  • jquery.min.js = 떨리는 것 같습니다! 그러나 파일 크기가 더 작습니다. 이것을 사이트에 넣으십시오.

둘 다 기능면에서 동일합니다. 차이점은 가독성을 위해 멋지게 형식화했는지 아니면 작은 파일 크기를 위해 컴팩트하게 형식화했는지에 달려 있습니다.

특히 두 번째는 축소되어 불필요한 공백을 제거하고 변수 이름을 단축하는 프로세스입니다. 공백을 제거하면 줄 바꿈과 서식을 엉망으로 만드는 공백이 제거되고 변수 이름 (일부 함수 이름 포함)이 짧아지면 원래 변수 이름이 의미없는 문자로 바뀝니다.

이 모든 것은 코드가 실행될 때 어떤 식 으로든 작동하는 방식에 영향을 미치지 않는 방식으로 수행됩니다. 특히 변수 및 함수 이름의 대체 / 축소는 다른 스크립트의 다른 코드를 방해하지 않는 로컬 범위에 나타나는 이름에 대해서만 수행됩니다.


1
왜 축소되지 않은 버전을 사용하겠습니까? 나는 당신이 그것을 읽기 위해 축소되지 않은 버전에 연결하지 않는다는 것을 의미합니다. 그들은 왜 그것을 제공합니까?
Sebastian Nielsen '

24

Jquery.min.js는 jquery.js의 압축 버전입니다. jquery.js와 같은 방식으로 사용할 수 있지만 크기는 더 작으므로 프로덕션 환경에서는 축소 버전을 사용해야하며 디버깅시 일반 jquery.js 버전을 사용할 수 있습니다. 자신의 자바 스크립트 파일을 압축하려면 다음 압축기를 사용할 수 있습니다.

또는 js 압축에 대한 StackOverflow의 top을 읽으십시오 :) :


1
아마도 오늘날 최고의 압축기는 UglifyJS입니다. 이 전에 오랫동안 구글의 클로저 컴파일러가 최고였습니다.
thomasrutter 2018 년

8

쉬운 언어에서는 두 버전이 모두 동일합니다. 차이점은 다음과 같습니다.

  • min.js는 웹 사이트를위한 것입니다 (온라인)

  • .js는 플러그인 개발 (오프라인, 로컬 작업)을 위해 jquery 코드를 읽고 배우거나 이해해야하는 개발자를위한 것입니다.


5

둘 다 동일한 기능을 포함하지만 .min.js에 상응하는 크기가 최적화되었습니다. 두 파일을 모두 열어서 볼 수 있습니다. .min.js 파일에서 모든 변수 이름이 짧은 이름으로 줄었고 대부분의 공백 및 주석이 제거되었음을 알 수 있습니다.



3

요약-jquery 또는 dojo와 같은 인기있는 js 프레임 워크는 DEVELOPMENT에 대한 주석이 포함 된 하나의 주석이 달린 예쁜 형식의 버전과 PRODUCTION에 대한 주석 등이없는 축소 된 버전 (Quicker)을 제공합니다.

jquery.js-개발 jquery.min.js-생산


2

프로덕션 사이트에서 JQuery를 실행중인 경우 어떤 라이브러리를로드해야합니까? JQuery.js 또는 JQuery.min.js? 짧은 대답은 본질적으로 동일한 기능이며 동일한 기능입니다.

한 버전은 길고 다른 버전은 축소 버전입니다. 축소 된 공간은 공간과 페이지로드 시간을 절약하기 위해 압축됩니다. 축소 된 버전에서 공백이 제거되어 혼란스럽고 읽을 수 없습니다.

프로덕션 사이트에서 JQuery 라이브러리를 실행하려는 경우 축소 된 버전을 사용하여 페이지로드 시간을 줄이고 Google이 현재 페이지 순위에서 고려할 것을 권장합니다.

또 다른 좋은 옵션은 Google의 온라인 자바 스크립트 라이브러리를 사용하는 것입니다. 이렇게하면 라이브러리를 다운로드하고 사이트에 업로드하는 번거 로움을 줄일 수 있습니다. 또한 JQuery가로드 될 때 사이트에서도 리소스를 사용하지 않습니다.

Google의 최신 JQuery 축소 버전은 여기에서 확인할 수 있습니다.

다음을 사용하여 페이지에서 링크 할 수 있습니다.

http://ulyssesonline.com/2010/12/03/jquery-js-or-jquery-min-js/


1

jquery.min은 압축 버전입니다. 주석, 줄 바꿈을 제거했습니다 ...


1

Google CDN의 Jquery를 사용하면 페이지에 추가 한 다운로드의 5 배에서 10 배까지 성능이 크게 향상됩니다. 또한 최신 버전의 Jquery 파일을 얻을 수 있습니다.

두 파일, 즉 jquery.js와 jquery.min.js의 차이점은 파일 크기에 불과하므로 파일 다운로드 속도가 빨라집니다. :)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.