Страница 2 из 2«12
Форум Studio AD » Сайтостроение » Общий форум по Javascript » TINY (javascript компрессор)
TINY
Aleko
Дата: Суббота, 06.03.2010, 06:07 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Сейчас самым новым компрессором является этот: тынц

В коде который вы будете ужимать НЕ ДОЛЖНО БЫТЬ ПЕРЕНОСОВ СТРОК. ВООБЩЕ!!!!!1

В новой версии алгоритм стал особо злым. Качество архивации ещё немного улучшилось. Появился отчет о времени сжатия, которое уменьшилось втрое. Сжатие в данный момент производится по системе счисления с основанием 32 и тем не менее обходит алгоритм эдвардса (iLoad : packer - 16749 байт, мой компрессор - 16167 байт | JQuery : packer - 55084 байт, мой компрессор - 54276 байт king ).


Как сжать css написано тут: http://studioad.ru/forum/12-807-21255-16-1293354899


Написал на досуге компрессор base62 который жмет лучше лидирующего компрессора packer. По результатам тестирования один и тот же код ужатый с помощью packer и с помощью tiny (так я назвал мой компрессор) занял в байтах:

iLoad: 15381(tiny) / 15575(packer)
скролэврисин: 2864(tiny) / 3145(packer)
tiny: 2378(packer) другой режим / 2434(tiny)

В тестах использовалась связка JSmin + (packer или tiny). Как видно мой компрессор жмет файлы немного лучше чем лучший из компрессоров за исключением последнего теста где packer использовал для небольшого файла немного другой режим сжатия, который пока не появился в моем компрессоре, но скоро будет добавлен.

Поиграть с наработкой можно в файле в аттаче.

Прикрепления: 4945113.htm(3Kb) · 3568681.html(14Kb) · 4162555.html(14Kb) · 9600825.html(13Kb)


Бесплатные обои.
  
Информация от администратора:
Обновил шапку темы
  
sasa96
Дата: Суббота, 25.12.2010, 13:52 | Сообщение # 22
молчун
Группа: Проверенные
Пользователь №: 3139
Сообщений: 33
Прочитав шапку я понял что это крутая штука.
Не могли бы вы мне подробно рассказать как ужать и сделать практически непрочитаемым этот ксс: Доступно только для пользователейhttp://www.xn--80abnwfksgdgdl.xn--p1ai/css/default.css

Я вставил весь код ксс в первое поле кодировщика и нажал на "Компрессия css и упаковка в javascript". Код который получился я вставил в <script></script> а потом в <head></head> но не работает. Проделал тоже самое только нажав на "Упаковать" тоже не работает. Что я не правильно делаю?

ПС. Я использовал этот кодировщик: http://studioad.ru/_fr/8/9600825.html

Сообщение отредактировал sasa96 - Суббота, 25.12.2010, 13:53
  
Aleko
Дата: Воскресенье, 26.12.2010, 12:14 | Сообщение # 23
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Обрамляем наш код тегами стилей вот так:
Code
<style type="text/css">
наш код...
</style>
Вставляем получившийся код в первое поле и нажимаем "Компрессия css и упаковка в javascript". После сжатия получили кусок архивированного кода. Вставляем его в body в самый верх на наш сайт в тег скрипт вот так:
Code
<script>document.write(архивированный код)</script>
В данном случае у нас должно было получиться:
Code
<script>document.write((function(I){return '<1U type=\'S/css\'>body{L-2W:2F MS,Arial,Helvetica,sans-serif;L-U:1M;Y-2:22px;11:#2Z;1:#1R C(\'../6/bgLines.2G\') K-5 J B}div{D:2O}3M{}3M li{}a{S-2E:V;11:#31}a:W{11:#0A558E}a:16{}a:visited{S-2E:V}3G{}p{8:12 0}.floatLeft{H:B}h1{L-U:2R;Y-2:2H;8-E:12}h2{L-U:2S;Y-2:2R}#1B h2{3-E:27;S-28:0 1F 0 #3J}h3{L-U:26;Y-2:2S;8-E:12}h4{L-U:29;Y-2:16px}h5{L-U:1M;Y-2:29}h6{L-U:19;Y-2:1M}.slant{L-1U:30;S-17:A;8-J:1A}.big{L-U:26;Y-2:2S}.blue{11:#31;L-U:29;L-2U:3K}.hidden{4:9;D:Q;B:-99999px}.gray{11:#2V}.M{M:R}.21{4:9;7:300px;2:1M;1:C(\'../6/21.G\') K-5;M:R;3:3F 0 1A;H:A;M:R}.1C{4:9;7:X;2:15;1:C(\'../6/1C.G\') K-5;M:R;3:3F 0 19;M:R}.1G{4:9;1:C(\'../6/testimonialCenter.G\') 5-y;7:X}.20{4:9;7:X;2:2R;1:C(\'../6/20.G\') K-5}.14{4:9;7:X;2:29px;1:C(\'../6/14.G\') K-5}.14.B{4:9;7:X;2:44px;1:C(\'../6/testimonialBottomLeft.G\') K-5}.1G .1B{4:9;7:355px;3:2A}.1G p{8:19 0}.3A{3-E:1A}.3A.1T{3-E:0}.1L{}.blockQuotePlain{L-1U:30}#tooltip{D:Q;N:1F 1V #ccc;1:#fff;8:3H 12;11:#2Z;4:V;7:1E}.taglineImage{4:9;7:397px;2:53px;D:Q;J:3C;B:0;1:C(\'../6/tagline.G\') K-5}#page{}#portfolioPage{1:#1R C(\'../6/bgWood.2G\') K-5 J B}#profilePage{1:#1R C(\'../6/bg.2G\') K-5 J B}#contactPage{1:#1R C(\'../6/bgOrnate.2G\') K-5 J B}#wrapper{}#1Q{2:169px;1:C(\'../6/headerBG.G\') 5-x;3-J:2J}#1Q .1B{}#1Q .2T{7:1X;H:B;3:0 2Q 0 0}#1Q .2K{7:X;H:B;8-J:27}.2T{7:1X;3:0 2Q 2Q 0;H:B}#2P a{4:9;7:150px;2:56px;1:C(\'../6/2P.G\') K-5;H:A;3-J:58px}#2P a Z{3-B:-18}#F{4:9;H:A;3-J:97px}#F li a{D:2O}#F a{4:9;3-E:3L;H:A;M:R}#F a Z{3-B:-18}#F a.2N{7:140px;2:T;1:C(\'../6/I.G\') K-5 -2D -3L}#F a.1P{7:1E;2:T;1:C(\'../6/I.G\') K-5 -2Y -42px}#F a.1Z{7:190px;2:T;1:C(\'../6/I.G\') K-5 -2M -77px}#F a.3E{7:2B;2:T;1:C(\'../6/I.G\') K-5 -36 -288px}#F a.1H{7:1K;2:T;1:C(\'../6/I.G\') K-5 -2L -112px}#F li.16 a.2N{1-D:-2D -39}#F li.16 a.1P{1-D:-2Y -38}#F li.16 a.1Z{1-D:-2M -37}#F li.16 a.1H{1-D:-2L -35}.1N Z.W{D:Q;J:0;E:0;3-B:0!1O;4:9}.2N.1N Z.W{7:1E;2:T;1:C(\'../6/I.G\') K-5 -2D -39}.1P.1N Z.W{7:1E;2:T;1:C(\'../6/I.G\') K-5 -2Y -38}.1Z.1N Z.W{7:1E;2:T;1:C(\'../6/I.G\') K-5 -2M -37}.3E.1N Z.W{7:2B;2:T;1:C(\'../6/I.G\') K-5 -36 -323px}.1H.1N Z.W{7:1E;2:T;1:C(\'../6/I.G\') K-5 -2L -35}33{8-E:12;4:9;S-17:A;M:R;8-A:12}34{N:V;3:0;4:9;7:302px;2:1A;3:0 2A;3-J:19;N:V;1:V}.2X{7:32;2:1S;1:C(\'../6/22.G\') K-5 1F 0;cursor:pointer;N:V;H:A}.2X:W{1:C(\'../6/22.G\') K-5 1F -1S}textarea{N:V;overflow:2A;7:400px;2:1K;3:0 2A;4:9;8-J:19;N:V;1:V;L-2W:2F MS;L-U:1M}fieldset{N:V;8:0;3:0}34.2C{}33.2C{H:V;3:0!1O;8:0!1O;N:V;2:36px;B:-15;D:Q;J:1M;S-17:B;11:red}.inputWrap{1:C(\'../6/inputBG.G\') K-5 O O;7:322px;2:24;H:A}.textareaWrap{7:X;2:221px;1:C(\'../6/textareaBG.G\') K-5 O O}.textAreaLabel{8-J:1A}#13{7:1X}h2.13{4:9;7:151px;2:3D;1:C(\'../6/featuredWorkTitle.G\') K-5;3-B:1K;M:R}h2.13 Z{3-B:-18}#13 p{S-17:A;4:9;8:0}#1J{3-J:0;7:1X}h2.1J{4:9;7:1K;2:3D;1:C(\'../6/twitterTitle.G\') K-5;H:A;M:R;3-E:0}h2.1J Z{3-B:-18}#1J li{S-17:A;4:9;4:9;1:C(\'../6/lightDivider.G\') 5-x E B;8-E:12;3-E:12}.viewAllTweets{4:9;D:Q;A:0;J:20px}.2K{7:X;H:B;8-J:2J}#1I{7:455px;2:2B;3-B:-2I;1:C(\'../6/callout.G\') K-5;11:#2V;L-U:29;Y-2:19px;3-E:27}#1I .1B{7:380px;3-B:52px;8-J:15}#1I .1W{4:9;7:295px;2:2H;1:C(\'../6/taglineTitle.G\') K-5}#1I .1W Z{3-B:-18}#1B{}.1L{4:9;3-J:23}.1L a{4:9;7:32;2:2I;1:C(\'../6/1Y.G\') K-5 0 -1F}.1L a:W{1:C(\'../6/1Y.G\') K-5 0 -T}.1L Z{3-B:-18}.credit{11:#000;L-2U:3K;S-28:0 1F 0 #EDEDEC}.1D{4:9;3-E:1A}.1D.1T{3-E:0}.1D .meta p{S-28:0 1F 0 #3J}.portfolioImage{7:378px;2:146px;1:C(\'../6/portfolioImageBG.G\') K-5}.3I{4:9;7:82px;2:T;1:C(\'../6/3I.G\') K-5;D:Q;J:-3px;B:-12;z-index:100}#P{}#P .1W{L-U:26;4:9;H:A;M:R;8-A:24;1:C(\'../6/accomplishIcon.G\') K-5 O A;2:1S;Y-2:23;3:27 0 15}#25 .1W{L-U:26;4:9;H:A;M:R;8-A:24;1:C(\'../6/skillsIcon.G\') K-5 O A;2:T;Y-2:23;3-E:15}#25 p{8-E:1A}#25 p.1T,#P p.1T{8-E:12}#P p.even{N-B:12 1V #BEBDBD;8-B:15}#P p.odd{N-B:12 1V #989797;8-B:15}#10{4:9;H:A;3-J:2J}#10 p{8:0;3-E:12}#10 li{S-17:A;Y-2:1S}#10 li.1T{3-E:0}#10 a{4:9;7:2I;2:1S;H:B}#10 p{4:9;H:B;8-A:24;1:C(\'../6/resumeDivider.G\') K-5 O A;3-A:15;7:1K}.contactHead{4:9;2:31px;7:X;S-17:A;1:C(\'../6/contactDivider.G\') K-5 O B;3-E:1A;H:A;M:R}#1H{M:R}#footer{7:X;1:C(\'../6/1C.G\') K-5;8-J:15;3-J:75px}a#J{4:9;7:39px;2:2H;1:C(\'../6/topSprite.G\') K-5 O -23;D:Q;J:-27px;A:19}a:W#J{1-D:O -1F}a:16#J{1-D:O -3C}.featureThumbnail{4:9;7:3B;2:3B;H:A;N:1F 1V #C0BEBE;8:3H;1:#E2E2E2;3-J:19}.survey-3G{4:9;H:A;8-J:19}</1U>'.replace(/\w+/g,function(l){return I[-/[a-z]/.test(l)|parseInt(l,36)]||l})})('|background|height|margin|display|repeat|images|width|padding|block|right|left|url|position|bottom|navigation|png|float|menuSprite| top|no|font|clear|border|center|accomplishments|absolute|both|text|34px|size|none|hover|420px|line|span|download|color|5px|featuredWork|test imonialBottom|15px|active|align|9999px|10px|25px|content|footerDivider|portfolioItem|250px|1px|testimonial|contact|tagLine|twitter|200px|quo te|12px|fade|important|portfolio|header|D4D4D4|33px|last|style|solid|title|350px|getQuoteSprite|profile|testimonialTop|sidebarDivider|contac tSprite|30px|40px|skills|18px|35px|shadow|14px|auto|120px|inputError|114px|decoration|trebuchet|jpg|28px|32px|45px|rightCol|54px|64px|home|r elative|logo|50px|26px|24px|leftCol|weight|9E9F9F|family|submit|4px|454948|italic|0075CE|122px|label|input|252px|134px|217px|182px|147px|kud os|80px|60px|17px|blog|55px|img|2px|new|FFF|700|7px|ul'.split('|')))</script>


Бесплатные обои.
  
sasa96
Дата: Воскресенье, 26.12.2010, 13:32 | Сообщение # 24
молчун
Группа: Проверенные
Пользователь №: 3139
Сообщений: 33
Aleko, огромное тебе спасибо up Сжал от 20кб до 10кб.
А можно код полученный после "Компрессия css и упаковка в javascript" в js засунуть? Если да то как? Создать js документ, ctrl+v и сохранить?

Сообщение отредактировал sasa96 - Воскресенье, 26.12.2010, 13:35
  
Aleko
Дата: Воскресенье, 26.12.2010, 13:36 | Сообщение # 25
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
sasa96, да, и потом подключить так же на страницу.

Бесплатные обои.
  
RevoRen
Дата: Суббота, 18.06.2011, 15:57 | Сообщение # 26
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Quote
0 байт упаковано в 113 байт за 2мс.

lol

Follow your Destiny

  
Форум Studio AD » Сайтостроение » Общий форум по Javascript » TINY (javascript компрессор)
Страница 2 из 2«12
Поиск:
Реклама
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.