drupal의 집계 된 자바 스크립트를 자동으로 줄이는 가장 좋은 방법은 무엇입니까?

10

새로 만든 drupal 6 사이트에서 Google pagespeed 를 실행 하면 다음과 같이보고됩니다.

Minifying the following JavaScript resources could reduce their size by 15.6KiB (12% reduction).

    Minifying http://[sites]/sites/default/files/js/js_9f19b87ffb72ca233ea7e45dda2f20f9.js could save 15.3KiB (18% reduction). See optimized version or Save as.

위의 파일은 drupal의 기본 JavaScript 집계 방법을 통해 생성되었지만 18 % 더 작을 수 있습니다 (이 사이트에서는 큰 문제입니다). 기존 코드를 손상시키지 않고 drupal 사이트에서 JavaScript를 축소 할 때 어떤 접근법이 가장 좋은 것으로 간주됩니까?

javascript performance

— wiifm
소스

나는 이것이 Drupal과 관련된 특정 질문이라고 생각하지 않습니다. JavaScript의 축소와 관련이 있으므로 StackOverflow에서 더 잘 요청할 것입니다.

— Decipher

4

drupal 특정 부분은 모든 솔루션이 drupal과 통합되고 핵심 JS 집계 파일을 축소 버전으로 바꿔야한다는 것입니다. 희망을 더 명확하게하기 위해 제목을 변경했습니다

— wiifm

4

Apache를 사용하고 Drupal 자체 집계와 결합하여 확장 기능 (예 : 공유 웹 호스트가 아님)을 설치할 수있는 경우 해당 페이지에 Javascript Aggregator 모듈 을 사용 하거나 PageSpeed (Firebug 확장이 아닌 Apache 모듈)를 설치할 수 있습니다. CSS를 축소 할 수도 있습니다.

— 와일드 피크
소스

웹 페이지로 nginx를 사용하면 Google pagespeed가 아직 그것과 통합되는지 확실하지 않습니다

— wiifm

사실,이 경우 PageSpeed보다 모듈을 사용하는 것이 좋습니다.

— wildpeaks

6

많은 집계 문제를 해결하기 위해 새로운 모듈을 만들었고 D8에 큰 덩어리를 갖기를 희망합니다. 그래 그것은 D6 모듈입니다 : http://drupal.org/project/advagg . JS 압축에는 jsmin + lib를 사용하고 CSS 압축에는 CSSTidy lib를 사용하십시오. 이것의 주요 장점은 css / js 집합 파일이 필요하지 않으면 이름을 변경하지 않는다는 것입니다. 이 파일들도 1 년의 캐시 수명을 가지며 이미지 캐시 생성 기능이 있으므로 CSS 파일에 대한 404는 과거의 일이되어야합니다.

업데이트 : AdvAgg 7.x가 개발 중이며 선택적 하위 모듈로 JS가 축소되었습니다. 다른 D7 옵션 :
http://drupal.org/project/speedy
http://drupal.org/project/uglifyjs

— mikeytown2
소스

1

페이지의 설명 에서이 모듈을 설치해야한다는 미묘한 힌트를 감지하고 있습니다 .D 잘하셨습니다.

— wildpeaks

1

예, 사이트 에서이 모듈을 시도했지만 유일한 문제는 사이트가 중단되는 방식으로 CSS를 축소하는 것이 었습니다. 나는 이것이 CSS 축소 엔진 때문인지 확실하지 않거나 코딩이 잘 안된 CSS 때문인지 확신하지 못했습니다. 이 모듈에는 CSS 축소를 비활성화 할 수있는 옵션이 있습니까? 좋은 일 BTW

— wiifm

CSS 압축 모듈을 비활성화하십시오. 궁금한 경우 CSSTidy 라이브러리를 사용합니다.

— mikeytown2

@ mikeytown2 훌륭한 모듈에 감사드립니다. 나는 [언젠가 질문을로드 할 수 없습니다 내 웹 사이트의 CSS 파일 중 하나에 약간의 문제가 여기에있다 drupal.stackexchange.com/questions/128649/... 및 웹 사이트 링크 [ living.md/]i은 내가 활성화해야 할 내가 advgg를 사용하는 경우 방황했다 drupal CSS 파일과 JavaScript 파일을 집계하고 압축합니다. 성능이 저하됩니다. 모듈에 대한 문서가 기본 설정에 대한 링크를 찾을 수 없습니까?

— Yama

2

Minify 모듈을 사용 하여 동일한 작업을 수행 할 수 있습니다 . 축소 모듈은 Google 컴파일러를 사용하여 JavaScript를 축소합니다. 또한 "Aggregate JavaScript files"와 함께 작동하므로 Drupal 7의 기본 옵션 인 여러 JavaScript 파일을 결합 할 수 있습니다.

축소 모듈도 HTML을 축소합니다.

— 아툴 보살
소스