Хабрахабр / Комментарии к посту «Оптимизация Javascript с помощью Google Closure Compiler» в блоге «Google»

30.11.2009 12:05:02 algo

algo — Mon, 30 Nov 2009 12:05:02 GMT

А если не любители, а профессионалы, то используйте Продвинутые оптимизации, учитывая экспорты и экстерны ;)

08.11.2009 14:38:51 Joac

Joac — Sun, 08 Nov 2009 14:38:51 GMT

правильный вопрос))
хотя отличия скорее есть, но не думаю что существенные и сильно выигрывает по сравнению с другим подобными онлайн-сервисами
хотя это все-таки продакшен-сервис…
но подается это новость как-будто гугл сделал что координальное

07.11.2009 22:20:05 pashka_r

pashka_r — Sat, 07 Nov 2009 22:20:05 GMT

github.com/troolee/jscc Вот начал набрасывать тулз. Описывается «проект» с помощью yaml. Что-то типа такого:

api_version: 1
source_dir: src
output_dir: js                            
default_compilation_level: simple

targets:
  output_filename-1.js:
    compilation_level: advanced
    sources:                            
      - input-1.1.js
      - input-1.2.js
      - input-1.3.js

  output_filename-2.js:
    sources:                            
      - input-2.1.js
      - input-2.2.js

На выходе сжатый кложуром яваскрипт. Есть режим --watch: тулза мониторит изменения исходников и автоматом пережимает. Она еще в «зачаточном» состоянии, сыроватая, но вроде как работает.

Зависимости: closure, python, pyyaml. Пишется/проверяется под ubuntu.

07.11.2009 19:47:14 Frag

Frag — Sat, 07 Nov 2009 19:47:14 GMT

Я слышал про архиватор, который всё в один байт архивирует.

07.11.2009 14:02:33 cwer

cwer — Sat, 07 Nov 2009 14:02:33 GMT

да, я смотрел, но jquery и несколько сторонних скриптов так переделывать — вот уж нет :)

07.11.2009 07:40:02 sunnybear

sunnybear — Sat, 07 Nov 2009 07:40:02 GMT

да, там лицензия Apache — свободная перепродажа и распространение.
Но будет только в Pro-версии, больно тяжелый инструмент (в 4 раза больше самого текущего Web Optimizer).

07.11.2009 06:22:03 ivanrt

ivanrt — Sat, 07 Nov 2009 06:22:03 GMT

Если есть строковые ссылки на функции — они не находятся, в итоге функции оптимизируются как не использованние. Размер уменьшается, код не работает. Чтобы advanced работал нормально, нужно сделать дополнительные телодвижения: code.google.com/closure/compiler/docs/api-tutorial3.html#dangers

07.11.2009 04:38:45 Etherial

Etherial — Sat, 07 Nov 2009 04:38:45 GMT

Можно ждать включение этого инструмента в Web Optimizer?

07.11.2009 00:15:45 zw0rk

zw0rk — Sat, 07 Nov 2009 00:15:45 GMT

только надо сильно пошаманить, чтобы внешние файлы можно было безболезненно подключать. тот же скриптакулус хрен просто так подключишь, несмотря на все extern-ы и прочие хитрости, которые они там советуют.

имхо, для существующей js-инфраструктуры не очень подходит эта штукенция.

07.11.2009 00:13:18 zw0rk

zw0rk — Sat, 07 Nov 2009 00:13:18 GMT

Ну так в этом и фишка. У них там в факе вопрос примерно такой: «Есть ли какой-нибуть tradeoff между скоростью и размером файлов в выхлопе компилятора?» и они честно отвечают, что основная задача — уменьшить код, т.к. это увеличивает скорость загрузки страницы и всякое такое прочее. Ну и побочным эффектом _может_ стать небольшое увеличение производительности, т.к. «usually less code means faster code» как-то так.

07.11.2009 00:10:58 zw0rk

zw0rk — Sat, 07 Nov 2009 00:10:58 GMT

Ну вот например @nosideeffects аннотация скорее всего даст какой-нибудь эффект. Да и там много полезных других вещей, например, эта тулза граф выходов рисовать может. Практической ценности на первый взгляд нет, конечно :)

07.11.2009 00:09:06 zw0rk

zw0rk — Sat, 07 Nov 2009 00:09:06 GMT

в факе по компилятору написано, если я правильно понял, что «ограничено» умеет.

06.11.2009 22:44:26 kirill533

kirill533 — Fri, 06 Nov 2009 22:44:26 GMT

Любителям ужимать код js хочу заметить, что для того, что бы код был максимально сжимаемым, нужно следовать рекомендациям ADsafe.

06.11.2009 21:34:36 maserg

maserg — Fri, 06 Nov 2009 21:34:36 GMT

ТССССС!!!

НЕ ВЫДАВАЙТЕ НАС!!!

06.11.2009 21:17:13 k0rzhik

k0rzhik — Fri, 06 Nov 2009 21:17:13 GMT

Но for медленнее while

06.11.2009 21:11:08 Amper

Amper — Fri, 06 Nov 2009 21:11:08 GMT

Можно делать сжатие на лету с помощью их API: code.google.com/intl/ru/closure/compiler/docs/gettingstarted_api.html

06.11.2009 21:05:56 alno

alno — Fri, 06 Nov 2009 21:05:56 GMT

Пишите скрипты для размещения. Или юзайте готовые решения, например, Capistrano

06.11.2009 20:04:18 LightAlloy

LightAlloy — Fri, 06 Nov 2009 20:04:18 GMT

если бы…

06.11.2009 19:20:24 krasin

krasin — Fri, 06 Nov 2009 19:20:24 GMT

externs правильно определили?

06.11.2009 19:05:19 infi

infi — Fri, 06 Nov 2009 19:05:19 GMT

Первокурсники то? :)

06.11.2009 16:42:24 corbenov

corbenov — Fri, 06 Nov 2009 16:42:24 GMT

06.11.2009 16:16:29 pieceofsummer

pieceofsummer — Fri, 06 Nov 2009 16:16:29 GMT

Это идеально оптимизированный код!

06.11.2009 16:09:46 Gisma

Gisma — Fri, 06 Nov 2009 16:09:46 GMT

интересно он проверяет выполнение внутри eval? :)

06.11.2009 16:08:31 Gisma

Gisma — Fri, 06 Nov 2009 16:08:31 GMT

соберите соотв. систему для перехода от delevoping-версии к продукту
мы, например, начинали с подвешивания хука на свн

06.11.2009 14:35:25 Jman

Jman — Fri, 06 Nov 2009 14:35:25 GMT

Original Size: 2.87KB (1.11KB gzipped)
Compiled Size: 0 bytes (20 bytes gzipped)
Saved 100.00% off the original size (98.25% off the gzipped size)

06.11.2009 14:17:23 corbenov

corbenov — Fri, 06 Nov 2009 14:17:23 GMT

а у меня при advanced optimization показывает пустую строку
Compiled Size: 0 bytes

06.11.2009 13:26:54 Jman

Jman — Fri, 06 Nov 2009 13:26:54 GMT

за то теперь этот код будет работать на странице с любой кодировкой :)

06.11.2009 12:28:56 sunnybear

sunnybear — Fri, 06 Nov 2009 12:28:56 GMT

я его и гонял. 5% — работоспособность проверена

06.11.2009 12:27:09 pxx

pxx — Fri, 06 Nov 2009 12:27:09 GMT

jquery-1.3.2.min.js сжался еще на 12.92%. Правда работоспособность не проверял…

06.11.2009 12:18:34 Goodkat

Goodkat — Fri, 06 Nov 2009 12:18:34 GMT

я знаю людей, которые примерно так программируют, только в коде ещё намешаны php, sql и css

06.11.2009 11:32:19 venticello

venticello — Fri, 06 Nov 2009 11:32:19 GMT

хм… отправилось раньше чем дописал…

if(document.getElementById("comment_content_"+idFeedback))document.getElementById("comment_content_"+idFeedback).innerHTML='\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0431\u044b\u043b \u0443\u0434\u0430\u043b\u0435\u043d';

06.11.2009 11:31:29 venticello

venticello — Fri, 06 Nov 2009 11:31:29 GMT

Жаль с русским языком не дружит, если написать например:

if (document.getElementById('comment_content_'+idFeedback)) {

 document.getElementById('comment_content_'+idFeedback).innerHTML='комментарий был удален';

 }

результатом будет:

06.11.2009 11:07:11 pieceofsummer

pieceofsummer — Fri, 06 Nov 2009 11:07:11 GMT

но у for еще две точки с запятой

06.11.2009 10:59:08 Hnome

Hnome — Fri, 06 Nov 2009 10:59:08 GMT

в частности для django это решается очень просто через django-compress, думаю подобные инструменты есть и для других фреймворков

06.11.2009 10:52:29 vitali

vitali — Fri, 06 Nov 2009 10:52:29 GMT

В своём проекте я держу каждый JS для отдельного модуля в отдельном файле. И при изменении одного из них (Определяет скрипт с некоторой периодичностью) собираю все файлы в один, прогоняю через yuicompressor и копирую на live. Тжс и с CSS

06.11.2009 10:47:37 infi

infi — Fri, 06 Nov 2009 10:47:37 GMT

Поверьте, это сжатие. достаточно отформатировать код (чтобы не шел в одну строку) и все будет очень даже читабетельно.

Так же, есть обфускация и шифрование (криптованием это язык не повернется назвать).
обфускация редко когда будет меньше оригинала, т.к. чаще всего это код засраный реплейсами.
и будет он выглядеть примерно так:

дальше конечно только хуже, начиная char и base64, заканчивая RSA, с использованием динамических элементов шифрования:

вот примерно так, сорс код пытается себя защищать :) такие дела.

06.11.2009 10:45:44 mitnlag

mitnlag — Fri, 06 Nov 2009 10:45:44 GMT

Так что же, что? Не вижу разницы.

06.11.2009 10:45:32 4vanger

4vanger — Fri, 06 Nov 2009 10:45:32 GMT

тяжеловато такое будет на лету делать.
У нас минимизация делается при nightly build'e и все ошибки сборки высылаются скриптом на емейл.

06.11.2009 10:37:45 4vanger

4vanger — Fri, 06 Nov 2009 10:37:45 GMT

Спасибо за ссылку — либа сжала код на 4% лучше YUI compressor.

06.11.2009 10:35:23 arty

arty — Fri, 06 Nov 2009 10:35:23 GMT

for — 3 буквы, while — целых 5 ; )