Jaki jest najlepszy sposób, aby zminimalizować zagregowany javascript Drupala (automatycznie)?

10

Właśnie uruchomiłem Google Pagespeed w mojej nowo utworzonej witrynie Drupal 6, i raportuje:

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.

Powyższy plik został wygenerowany przy użyciu domyślnej metody agregacji JavaScript drupala, ale najwyraźniej może on być o 18% mniejszy (co jest dużą zaletą dla tej witryny). Jakie podejście jest uważane za najlepsze, jeśli chodzi o zminimalizowanie JavaScript na stronie drupal bez zerwania istniejącego kodu?

javascript performance

— wiifm
źródło

Nie sądzę, że jest to tak naprawdę pytanie specyficzne dla Drupala, może odnosić się do każdego zmniejszenia JavaScript i dlatego lepiej byłoby zadawać je na StackOverflow.

— Odszyfruj

4

Częścią specyficzną dla drupala byłoby to, że każde rozwiązanie musiałoby zostać zintegrowane z drupal i zastąpić podstawowe pliki agregacji JS zminimalizowanymi wersjami. Zmieniono tytuł, aby, mam nadzieję, uczynić to jaśniejszym

— wiifm

4

Możesz użyć do tego modułu JavaScript Aggregator lub zainstalować PageSpeed (moduł Apache, a nie rozszerzenie Firebug), jeśli używasz Apache i możesz zainstalować rozszerzenia (np. Nie współużytkowany webhost), w połączeniu z własną agregacją Drupal, z dodatkową korzyścią, że PageSpeed może również zminimalizować CSS.

— dzikie piki
źródło

Używając nginx jako serwera WWW, nie jestem zbyt pewien, czy Google Pagespeed jeszcze się z tym integruje

— wiifm

Ach, w takim razie lepiej jest z modułem niż PageSpeed w tym przypadku.

— wildpeaks

6

Stworzyłem nowy moduł, aby rozwiązać wiele problemów związanych z agregacją i mam nadzieję, że dostanę dużą jego część do D8; i tak, to moduł D6: http://drupal.org/project/advagg . Używa jsmin + lib do kompresji JS i lib CSSTidy do kompresji CSS. Główną zaletą tego jest to, że plik zbiorczy css / js nie zmienia nazw, chyba że jest to konieczne; pliki te mają także roczną pamięć podręczną i generują pamięć obrazów, więc 404s do twojego pliku CSS powinno być przeszłością.

Aktualizacja: AdvAgg 7.x jest opracowywany i zawiera minimalizację JS jako opcjonalnego podmodułu. Inne opcje D7:
http://drupal.org/project/speedy
http://drupal.org/project/uglifyjs

— mikeytown2
źródło

1

Z opisu na stronie wyczuwam subtelną wskazówkę, że powinienem zainstalować ten moduł: D Dobra robota, wypróbuję to.

— wildpeaks

1

Tak, wypróbowałem ten moduł dla strony, jedynym problemem było zminimalizowanie CSS w taki sposób, że strona się zepsuła. Nie byłem pewien, czy wynika to z silnika minimalizacji CSS, czy z jakiegoś źle zakodowanego CSS;) W każdym razie byłem dopiero po minimalizacji JS, ponieważ JS jest znacznie większy niż CSS. Czy w tym module będzie dostępna opcja wyłączenia minimalizacji CSS?

— Dobra

Wystarczy wyłączyć moduł kompresji CSS. Jeśli zastanawiasz się, korzysta z biblioteki CSSTidy.

— mikeytown2

@ mikeytown2 Dziękuję bardzo za tak wspaniały moduł. Mam problem z jednym z moich plików CSS, które kiedyś nie ładują się. Pytanie jest tutaj [ drupal.stackexchange.com/questions/128649/... i link do strony [ living.md/]i błąkał się, jeśli używam advgg czy muszę włączyć drupal Agreguj i kompresuj pliki CSS i Agreguj pliki JavaScript. poniżej wydajności. Nie mogę znaleźć żadnej dokumentacji modułu ani linku do podstawowych ustawień?

— Yama,

2

Możesz użyć modułu Minify , aby zrobić to samo. Moduł Minify zminimalizuj JavaScript za pomocą kompilatora Google. Działa również z „Agreguj pliki JavaScript”, dzięki czemu możesz również skorzystać z łączenia wielu plików JavaScript, co jest domyślną opcją w Drupal 7.

Moduł Minify również minimalizuje HTML.

— Atul Bhosale
źródło