sunnybear Jan 21 2008 at 02:22

JavaScript: жать или не жать?

1 min

1.8K

Client optimization*

+37

Comments 61

Vamp Jan 21 2008 at 02:48

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

sunnybear Jan 21 2008 at 02:53

так и есть. Не совсем очевидно, по какому критерию идет упорядочивание: выбрана общая степень сжатия.

ProRunner Jan 21 2008 at 04:03

Да, стоило бы добавить легенду к самим графикам. К тому же пары цветов (с сжатием и без) неотличимы друг от друга.

sunnybear Jan 21 2008 at 04:13

с одной стороны хочется выделить каждый конкретный инструмент, с другой стороны разделить случаи с gzip и без. Сделал различие пунктиром/сплошной

ProRunner Jan 21 2008 at 04:49

Да, так лучше, но вглянув на картинку, не читая объяснений, человеку придётся только догадываться, что она означает.

artyfarty Jan 21 2008 at 04:45

неплохо проделанная работа :) Но графики ужасно неудобные.

sunnybear Jan 21 2008 at 10:42

есть соображения, как их переделать?

artyfarty Jan 21 2008 at 15:04

достаточно трудно сообразить… Прежде всего файлы надо всё-таки расположить по возрастанию размера, чтобы видеть динамику. Во-вторых, имхо, результаты с гзип и без надо было просто разнести на разные графики. Сравнивать их с друг другом особого интереса нет, зато сразу такой разгруз будет!

sunnybear Jan 21 2008 at 17:28

не сильно хороший вариант, тогда "монотонность" потеряется... Лучше уже пронумеровать не размерами файлов, а порядковыми номерами, если это так путает

artyfarty Jan 21 2008 at 15:05

кроме того, по легенде не сразу понятно, что пунктир == серый квадрат. Ну и последнее. Понятнее будет, если по игрику будет размер результирующего файла. Так только путаешься…

sunnybear Jan 21 2008 at 17:29

размеры скачут на два порядка, их все на одном графике не выведешь, вывести можно только относительные изменения

1mdm Jan 21 2008 at 09:21

Судя по этим графикам, достаточно применения только GZIP, без минимизаторов.

UFO just landed and posted this here

endo Jan 21 2008 at 10:40

Съезди в Ирак, что-ли, подыши воздухом, развейся...

UFO just landed and posted this here

leave Jan 21 2008 at 11:15

что ЭТО?? убейте его кто-нибудь, а?

spanasik Jan 21 2008 at 12:22

комментарии нужно проверять перед сохранением с помощью regex.

UFO just landed and posted this here

rg_software Jan 21 2008 at 11:27

А нельзя на хабре сделать фильтрацию показа сообщений? Например, по капслоку. Или по адресу электронной почты?

-4

UFO just landed and posted this here

Arhivator Jan 21 2008 at 12:17

Куда смотрит администрация?

Daniyar Jan 21 2008 at 12:25

Точно. Я б дал ему инвайт, коль он был бы. Затерроризировал уже ей богу.

-3

UFO just landed and posted this here

passshok Jan 21 2008 at 12:43

Думаю, сжатие на стороне сервера дает вполне приемлемый результат для малонагруженных сайтов. Для Сайтов покрупнее - можно и сам код оптимизировать.

akhasanov Jan 21 2008 at 12:45

Спасибо за статью.

А есть ли подобный анализ CSS компрессоров?

sunnybear Jan 21 2008 at 12:52

их всего один, по сути, CSS Tidy. Проанализирую, может быть, выложу и для него статью (для CSS ситуация просто другая: там жестко типизированный синтаксис, но могут использоваться разные "хаки")

UFO just landed and posted this here

foxyrus Jan 21 2008 at 13:19

у меня изображения не открываются

что за ссылки на графики такие?

http://chart.apis.google.com/chart?chs=5…|1,0,0,0,0,0,17,23,30,26,35,45|43,54,60,70,71,74,75,77,83,81,85,84|1,0,0,0,0,0,17,23,30,25,34,45|44,54,60,70,71,74,75,77,83,81,85,84|0,0,0,0,0,0,11,27,31,30,36,47|43,53,59,69,71,74,74,76,81,79,84,83|13,47,52,69,71,73,72,76,83,82,81,84|0,9,15,35,34,41,32,53,61,60,56,68|1,0,6,0,0,19,18,35,41,41,40,45|44,54,61,69,71,76,74,79,84,83,86,84&chxl=0:|853|9580|5857|43099|83879|39686|21414|22015|289446|124136|8867|95285|1:||10|20|30|40|50|60|70|80|90|100&chco=868686,D0EB55,D0EB55,EBD055,EBD055,5539EB,5539EB,55EBD0,55EBD0,D055EB,D055EB&chg=8.33,10&chf=bg,s,FFFFFF&chls=2|2,6,3|2|2,6,3|2|2,6,3|2|2|2,6,3|2,6,3|2&chdl=GZIP|JSMin|JSMin%2BGZIP|Minify|Minify%2BGZIP|Rhino|Rhino%2BGZIP|Packer|Packer%2BGZIP|YUI|YUI%2BGZIP

foxyrus Jan 21 2008 at 13:20

не сработал почемуто...

ProRunner Jan 21 2008 at 21:51

Это google chart api

UFO just landed and posted this here

sunnybear Jan 21 2008 at 18:03

поднимали уже эту тему, и не раз, и не два.
Для проектов, у которых от 50% трафика новый, будет актуально (может быть даже от 30% или меньше, нужно подумать над более объективным критерием).

В чем основная проблема сжатия (и архивирования)? Это автоматизация процесса обновления. Для "домашних страничек" это, возможно, будет накладно. Для больших корпоративных порталов результаты себя окупят.

UFO just landed and posted this here

Santacruz Jan 21 2008 at 13:36

Подитожте кто нибудь...

caston Jan 21 2008 at 13:49

Спасибо за статью.
Первый мой опыт был со сжатием prototype.js и script.aculo.us.
Dojo почему-то ломал файлы. Поэтому глянул в сторону yui - жалоб нет).

zorba_buddha Jan 21 2008 at 15:14

отличная статья
хоть и не всякому будет понятна )))
спасибо, почерпнул немало полезного.

ihabrman Jan 21 2008 at 20:30

Я весь яваскрипт вручную пакую сжималкой от Дина Едвардса вот тут:
joliclic.free.fr/php/javascript-packer/en

Плюс рядом с bla.js файлом кладу его сжатую версию bla.js.gz, дальше рулит .htaccess. Подробно о его настройке было рассказано здесь:
habrahabr.ru/blog/webdev/33868.html

azproduction Jan 22 2008 at 01:42

У меня иногда ФФ виснет с запакованными яваскриптами. Поэтому я предпочитаю только GZ сжатие с разруливанием .htaccess'ом.

Show the best of all time