{"id":193556,"date":"2013-09-13T01:38:04","date_gmt":"2013-09-12T21:38:04","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=193556"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=193556","title":{"rendered":"\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 CSS- \u0438 JavaScript-\u043a\u043e\u0434\u0430 (\u0421\u0435\u043d\u0442\u044f\u0431\u0440\u044c 2013)<\/span>"},"content":{"rendered":"
\t\"\u041b\u043e\u0433\u043e\u0442\u0438\u043f\u044b<\/p>\n

\u0417\u0430 \u043f\u0440\u043e\u0448\u0435\u0434\u0448\u0438\u0435, \u0441 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e \u043e\u0431\u0437\u043e\u0440\u0430<\/a>, 3 \u043c\u0435\u0441\u044f\u0446\u0430 \u0443\u0436\u0435 \u0443\u0441\u043f\u0435\u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043d\u044b\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 (\u043a\u0440\u043e\u043c\u0435, Packer`\u0430). \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e \u0432 Bundle Transformer<\/a> \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u043d\u043e\u0432\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440 \u043d\u0430 \u0431\u0430\u0437\u0435 Clean-css \u2014 BundleTransformer.CleanCss<\/a>.<\/p>\n

\u041f\u0440\u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0435 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0431\u0437\u043e\u0440\u0430 \u0431\u044b\u043b\u0438 \u0443\u0447\u0442\u0435\u043d\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439: <\/p>\n

    \n
  1. \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u043e\u0431\u0437\u043e\u0440\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438\u0441\u044c: bootstrap.css<\/code> \u0438 bootstrap.js<\/code> \u0438\u0437 Twitter Bootstrap 2.3.2<\/a>, \u0438\u0437-\u0437\u0430 \u0447\u0435\u0433\u043e \u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0431\u044b\u043b\u0430 \u043d\u0438\u0437\u043a\u043e\u0439. \u0412 \u043d\u043e\u0432\u043e\u043c \u0436\u0435 \u043e\u0431\u0437\u043e\u0440\u0435 \u0440\u0430\u0437\u043c\u0435\u0440 \u0432\u044b\u0431\u043e\u0440\u043a\u0438 \u0431\u044b\u043b \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d: \u0434\u043b\u044f \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u0431\u044b\u043b\u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u043d\u044b 7 JS-\u0444\u0430\u0439\u043b\u043e\u0432 \u0438 5 CSS-\u0444\u0430\u0439\u043b\u043e\u0432 \u0438\u0437 10 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 Open Source-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.<\/li>\n
  2. \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0438 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 CSS-\u043a\u043e\u0434\u0430 \u0442\u0430\u043a\u0436\u0435 \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u044e\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432 LESS<\/a> \u0438 Sass<\/a>.<\/li>\n
  3. \u041a\u0430\u043a \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, Bundle Transformer \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u043a\u0430\u0436\u0434\u044b\u0439 \u0444\u0430\u0439\u043b \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u0442\u0435\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b. \u0414\u0430\u043d\u043d\u044b\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0441\u0434\u0435\u043b\u0430\u043d \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u0443\u044e \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u0414\u0440\u0443\u0433\u0438\u0435 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044e\u0442 \u043a\u043e\u0434 \u0444\u0430\u0439\u043b\u043e\u0432, \u0430 \u0437\u0430\u0442\u0435\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u044e\u0442 \u044d\u0442\u043e\u0442 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u0439 \u0444\u0430\u0439\u043b. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0442\u044b \u043a\u0430\u0440\u0442\u0438\u043d\u044b \u043c\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043c 2 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u043c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 \u043d\u0430 \u0444\u0430\u0439\u043b\u0430\u0445, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0445 \u043f\u0443\u0442\u0435\u043c \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0430 \u0437\u0430\u0442\u0435\u043c \u043d\u0430 \u0444\u0430\u0439\u043b\u0430\u0445, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0445 \u043f\u0443\u0442\u0435\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0444\u0430\u0439\u043b\u043e\u0432.<\/li>\n<\/ol>\n

    \u041a\u0430\u043a \u0438 \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u043e\u0431\u0437\u043e\u0440\u0435, \u0434\u043b\u044f \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0430\u0439\u043b\u043e\u0432 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 Bundle Transformer, \u0430 \u0434\u043b\u044f \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u2013 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 YSlow<\/a>.
    <\/a> <\/p>\n

    \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 CSS-\u043a\u043e\u0434\u0430<\/h2>\n

    \u0421\u0440\u0430\u0432\u043d\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 CSS-\u043a\u043e\u0434\u0430:<\/p>\n

    \u0422\u0430\u0431\u043b\u0438\u0446\u0430 1.<\/strong> \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e\u0431 \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430\u0445 \u0438 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430\u0445 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 CSS-\u043a\u043e\u0434\u0430 <\/p>\n\n\n\n\n\n\n\n\n\n
    \u0410\u0434\u0430\u043f\u0442\u0435\u0440<\/th>\n\u0410\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438<\/th>\n\u0421\u0430\u0439\u0442 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438<\/th>\n<\/tr>\n
    YuiCssMinifier<\/code><\/td>\nYUI CSS Compressor for .Net 2.3.0.0<\/td>\nhttp:\/\/yuicompressor.codeplex.com<\/a><\/td>\n<\/tr>\n
    MicrosoftAjaxCssMinifier<\/code><\/td>\nMicrosoft Ajax CSS Minifier 4.97<\/td>\nhttp:\/\/ajaxmin.codeplex.com<\/a><\/td>\n<\/tr>\n
    KryzhanovskyCssMinifier<\/code><\/td>\nCSSO 1.3.8<\/td>\nhttp:\/\/github.com\/css\/csso<\/a><\/td>\n<\/tr>\n
    WgCssMinifier<\/code><\/td>\nWebGrease Semantic CSS Minifier 1.5.2<\/td>\nhttp:\/\/webgrease.codeplex.com<\/a><\/td>\n<\/tr>\n
    CleanCssMinifier<\/code><\/td>\nClean-css 1.1.1<\/td>\nhttp:\/\/github.com\/GoalSmashers\/clean-css<\/a><\/td>\n<\/tr>\n
    LessTranslator<\/code><\/td>\nLESS 1.4.2 (\u0440\u0435\u0436\u0438\u043c \u0441\u0436\u0430\u0442\u0438\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441 \u043e\u043f\u0446\u0438\u0435\u0439 compress<\/code> \u0440\u0430\u0432\u043d\u043e\u0439 true<\/code>)<\/td>\nhttp:\/\/lesscss.org<\/a><\/td>\n<\/tr>\n
    SassAndScssTranslator<\/code><\/td>\nSass 3.2.10 (\u0440\u0435\u0436\u0438\u043c \u0441\u0436\u0430\u0442\u0438\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441 \u043e\u043f\u0446\u0438\u0435\u0439 :style<\/code> \u0440\u0430\u0432\u043d\u043e\u0439 compressed<\/code>)<\/td>\nhttp:\/\/sass-lang.com<\/a><\/td>\n<\/tr>\n<\/table>\n

    \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b-\u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0442\u043e\u0440\u044b LessTranslator<\/code> \u0438 SassAndScssTranslator<\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432, \u043d\u0443\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 CSS-\u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0430 .less<\/code> (\u0438 .scss<\/code> \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0432\u0435\u043d\u043d\u043e) \u0438 \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u043c\u0443 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0443 useNativeMinification<\/code> \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0440\u0430\u0432\u043d\u043e\u0435 true<\/code>.<\/p>\n

    \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c: <\/p>\n

      \n
    1. bootstrap.css<\/code> \u0438\u0437 Twitter Bootstrap<\/a> 3.0.0<\/li>\n
    2. jquery-ui-1.10.3.custom.css<\/code> \u0438\u0437 jQuery UI<\/a> 1.10.3<\/li>\n
    3. animate.css<\/code> \u0438\u0437 Animate.css<\/a> \u043e\u0442 15.08.2013<\/li>\n
    4. hint.css<\/code> \u0438\u0437 Hint.css<\/a> 1.3.0<\/li>\n
    5. zocial.css<\/code> \u0438\u0437 Zocial CSS social buttons<\/a> \u043e\u0442 02.12.2012<\/li>\n<\/ol>\n

      \u0420\u0430\u0437\u043c\u0435\u0440 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 296,2 \u041a\u0411, \u0430 \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f GZip-\u0441\u0436\u0430\u0442\u0438\u044f \u2014 98,7 \u041a\u0411.<\/p>\n

      \u0422\u0430\u0431\u043b\u0438\u0446\u0430 2.<\/strong> \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 CSS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0444\u0430\u0439\u043b\u0443 \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 <\/p>\n\n\n\n\n\n\n\n\n\n\n
      \u0410\u0434\u0430\u043f\u0442\u0435\u0440<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441 GZip-\u0441\u0436\u0430\u0442\u0438\u0435\u043c, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u043f\u0440\u0438 GZip-\u0441\u0436\u0430\u0442\u0438\u0438<\/th>\n<\/tr>\n
      \u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n\u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n<\/tr>\n
      YuiCssMinifier<\/code><\/td>\n239,7<\/td>\n56,5<\/td>\n19,07<\/td>\n79,9<\/td>\n18,8<\/td>\n19,05<\/td>\n<\/tr>\n
      MicrosoftAjaxCssMinifier<\/code><\/td>\n238,7<\/td>\n57,5<\/td>\n19,41<\/td>\n79,5<\/td>\n19,2<\/td>\n19,45<\/td>\n<\/tr>\n
      KryzhanovskyCssMinifier<\/code><\/strong><\/td>\n234,1<\/strong><\/td>\n62,1<\/strong><\/td>\n20,97<\/strong><\/td>\n78,0<\/strong><\/td>\n20,7<\/strong><\/td>\n20,97<\/strong><\/td>\n<\/tr>\n
      WgCssMinifier<\/code><\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n<\/tr>\n
      CleanCssMinifier<\/code><\/td>\n240,6<\/td>\n55,6<\/td>\n18,77<\/td>\n80,2<\/td>\n18,5<\/td>\n18,74<\/td>\n<\/tr>\n
      LessTranslator<\/code><\/td>\n240,0<\/td>\n56,2<\/td>\n18,97<\/td>\n80,0<\/td>\n18,7<\/td>\n18,95<\/td>\n<\/tr>\n
      SassAndScssTranslator<\/code><\/td>\n241,2<\/td>\n55,0<\/td>\n18,57<\/td>\n80,4<\/td>\n18,3<\/td>\n18,54<\/td>\n<\/tr>\n<\/table>\n

      \u0422\u0430\u0431\u043b\u0438\u0446\u0430 3.<\/strong>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 CSS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043a \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u043c\u0443 \u0444\u0430\u0439\u043b\u0443 <\/p>\n\n\n\n\n\n\n\n\n\n\n
      \u0410\u0434\u0430\u043f\u0442\u0435\u0440<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441 GZip-\u0441\u0436\u0430\u0442\u0438\u0435\u043c, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u043f\u0440\u0438 GZip-\u0441\u0436\u0430\u0442\u0438\u0438<\/th>\n<\/tr>\n
      \u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n\u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n<\/tr>\n
      YuiCssMinifier<\/code><\/td>\n239,7<\/td>\n56,5<\/td>\n19,07<\/td>\n79,9<\/td>\n18,8<\/td>\n19,05<\/td>\n<\/tr>\n
      MicrosoftAjaxCssMinifier<\/code><\/td>\n238,7<\/td>\n57,5<\/td>\n19,41<\/td>\n79,5<\/td>\n19,2<\/td>\n19,45<\/td>\n<\/tr>\n
      KryzhanovskyCssMinifier<\/code><\/strong><\/td>\n232,4<\/strong><\/td>\n63,8<\/strong><\/td>\n21,54<\/strong><\/td>\n77,4<\/strong><\/td>\n21,3<\/strong><\/td>\n21,58<\/strong><\/td>\n<\/tr>\n
      WgCssMinifier<\/code><\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n—<\/td>\n<\/tr>\n
      CleanCssMinifier<\/code><\/td>\n240,6<\/td>\n55,6<\/td>\n18,77<\/td>\n80,2<\/td>\n18,5<\/td>\n18,74<\/td>\n<\/tr>\n
      LessTranslator<\/code><\/td>\n240,0<\/td>\n56,2<\/td>\n18,97<\/td>\n80,0<\/td>\n18,7<\/td>\n18,95<\/td>\n<\/tr>\n
      SassAndScssTranslator<\/code><\/td>\n241,2<\/td>\n55,0<\/td>\n18,57<\/td>\n80,4<\/td>\n18,3<\/td>\n18,54<\/td>\n<\/tr>\n<\/table>\n

      \"\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430<\/p>\n

      \u0420\u0438\u0441. 1.<\/strong> \u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0437\u0430 \u0441\u0447\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 CSS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 (\u0432 \u043a\u0438\u043b\u043e\u0431\u0430\u0439\u0442\u0430\u0445)<\/p>\n

      \u0418\u0437 \u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0445\u043e\u0440\u043e\u0448\u043e \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e, \u043a\u0430\u043a \u0438 \u0432 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437, \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440 CSSO (CSS Optimizer) \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u042f\u043d\u0434\u0435\u043a\u0441<\/a>. \u041d\u043e \u043d\u0435 \u043e\u0431\u043e\u0448\u043b\u043e\u0441\u044c \u0438 \u0431\u0435\u0437 \u043b\u043e\u0436\u043a\u0438 \u0434\u0435\u0433\u0442\u044f: \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u044b\u0438\u0433\u0440\u044b\u0448 \u0432 1,7 \u041a\u0411 \u043f\u0440\u0438 \u0441\u0436\u0430\u0442\u0438\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430, \u0431\u044b\u043b \u043f\u043e\u043b\u0443\u0447\u0435\u043d \u0437\u0430 \u0441\u0447\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u0434\u0432\u0443\u0445 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u0432\u0438\u0434\u0430: \/*! \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0442\u0435\u043a\u0441\u0442 *\/<\/code>. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0432 \u0442\u0430\u043a\u0438\u0445 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u0432\u0435\u0440\u0441\u0438\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u0435\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u0445. CSSO \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043b\u0438\u0448\u044c \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0434\u0430\u043b\u044f\u0435\u0442.<\/p>\n

      Microsoft Ajax CSS Minifier \u0441\u043d\u043e\u0432\u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441\u0432\u043e\u0438\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u043c \u2014 YUI CSS Compressor for .Net.<\/p>\n

      \u0411\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043c\u0435\u043d\u044f \u0443\u0434\u0438\u0432\u0438\u043b \u043d\u043e\u0432\u0438\u0447\u043e\u043a \u2014 Clean-css \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Goal Smashers!<\/a>. \u041e\u0442 \u0441\u0442\u043e\u043b\u044c \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u0432 Node.js-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435 CSS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u0430 (Clean-css \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043f\u0430\u043a\u0435\u0442\u043e\u043c grunt-contrib-cssmin<\/a>) \u044f \u043e\u0436\u0438\u0434\u0430\u043b \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0441\u0442\u0435\u043f\u0435\u043d\u0438 \u0441\u0436\u0430\u0442\u0438\u044f. \u041f\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043e\u043d \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0438\u043b\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u043c\u0438 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u0430\u043c\u0438 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432 LESS \u0438 Sass.<\/p>\n

      \u041d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u0433\u043e \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u0430 \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Microsoft<\/a> \u2014 WebGrease Semantic CSS Minifier \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438: <\/p>\n

        \n
      1. \u041d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0443 @charset<\/code> \u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u043e @-o-keyframes<\/code>.<\/li>\n
      2. \u041e\u0431\u043d\u0443\u043b\u044f\u0435\u0442 \u0434\u0440\u043e\u0431\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 \u0435\u0434\u0438\u043d\u0438\u0446\u044b.<\/li>\n<\/ol>\n

        \u041f\u043e\u044d\u0442\u043e\u043c\u0443 WebGrease Semantic CSS Minifier \u043e\u043f\u044f\u0442\u044c \u0432\u044b\u0431\u044b\u0432\u0430\u0435\u0442 \u0438\u0437 \u0431\u043e\u0440\u044c\u0431\u044b.<\/p>\n

        \u0418\u0437 \u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u0444\u0430\u0439\u043b\u044b, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u043f\u0443\u0442\u0435\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0430\u0439\u043b\u0430 \u0441 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c (\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0444\u0430\u0439\u043b, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSSO), \u043f\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0443 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u0444\u0430\u0439\u043b\u043e\u0432, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u041c\u0435\u043d\u044c\u0448\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0442\u0430\u043a\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u0432\u0443\u043c\u044f \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c\u0438: <\/p>\n

          \n
        1. \u0411\u044b\u043b\u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u044b \u043b\u0438\u0448\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u044b \u0441\u0442\u0440\u043e\u043a, \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u044e\u0449\u0438\u0435 \u043a\u043e\u0434 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432.<\/li>\n
        2. \u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432 @charset<\/code> \u0431\u044b\u043b\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u044b \u0432 \u043e\u0434\u043d\u0443.<\/li>\n<\/ol>\n

          \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434: \u0447\u0442\u043e \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0444\u0430\u0439\u043b\u0430 \u0441 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0434\u0430\u0435\u0442 \u0432\u044b\u0438\u0433\u0440\u044b\u0448\u0430 \u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u0444\u0430\u0439\u043b\u0430.<\/p>\n

          \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 JS-\u043a\u043e\u0434\u0430<\/h2>\n

          \u0421\u0440\u0430\u0432\u043d\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 JS-\u043a\u043e\u0434\u0430:<\/p>\n

          \u0422\u0430\u0431\u043b\u0438\u0446\u0430 4.<\/strong> \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e\u0431 \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430\u0445 \u0438 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430\u0445 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 JS-\u043a\u043e\u0434\u0430 <\/p>\n\n\n\n\n\n\n\n
          \u0410\u0434\u0430\u043f\u0442\u0435\u0440<\/th>\n\u0410\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438<\/th>\n\u0421\u0430\u0439\u0442 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438<\/th>\n<\/tr>\n
          CrockfordJsMinifier<\/code><\/td>\nJSMin \u043e\u0442 29.03.2013<\/td>\nhttp:\/\/github.com\/douglascrockford\/JSMin<\/a><\/td>\n<\/tr>\n
          YuiJsMinifier<\/code><\/td>\nYUI JS Compressor for .Net 2.3.0.0<\/td>\nhttp:\/\/yuicompressor.codeplex.com<\/a><\/td>\n<\/tr>\n
          ClosureLocalJsMinifier<\/code><\/td>\nClosure Compiler Application \u043e\u0442 26.08.2013 (\u0440\u0435\u0436\u0438\u043c Simple)<\/td>\nhttp:\/\/developers.google.com\/closure\/compiler\/docs\/gettingstarted_app<\/a><\/td>\n<\/tr>\n
          MicrosoftAjaxJsMinifier<\/code><\/td>\nMicrosoft Ajax JS Minifier 4.97<\/td>\nhttp:\/\/ajaxmin.codeplex.com<\/a><\/td>\n<\/tr>\n
          UglifyJsMinifier<\/code><\/td>\nUglifyJS 2.4.0<\/td>\nhttp:\/\/github.com\/mishoo\/UglifyJS2<\/a><\/td>\n<\/tr>\n<\/table>\n

          \u0415\u0441\u043b\u0438 \u0432\u044b \u0443\u0436\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438, \u0442\u043e \u0432 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u043c \u0432\u044b\u0448\u0435 \u0441\u043f\u0438\u0441\u043a\u0435 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0430\u0434\u0430\u043f\u0442\u0435\u0440-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440 EdwardsJsMinifier<\/code>. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0439 \u0438\u043c \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 Packer 3.0 \u043d\u0435 \u043c\u0435\u043d\u044f\u043b\u0441\u044f \u0441 2007 \u0433\u043e\u0434\u0430, \u0442\u043e \u044f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u0434\u0430\u043d\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440.<\/p>\n

          \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c: <\/p>\n

            \n
          1. bootstrap.js<\/code> \u0438\u0437 Twitter Bootstrap<\/a> 3.0.0<\/li>\n
          2. jquery-ui-1.10.3.custom.js<\/code> \u0438\u0437 jQuery UI<\/a> 1.10.3<\/li>\n
          3. MicrosoftAjax.debug.js<\/code> \u0438\u0437 Microsoft AJAX Framework<\/a> 4.0.0.0<\/li>\n
          4. knockout-2.3.0.debug.js<\/code> \u0438\u0437 Knockout<\/a> 2.3.0<\/li>\n
          5. jsrender.js<\/code> \u0438\u0437 JsRender<\/a> 1.0.0-beta<\/li>\n
          6. linq.js<\/code> \u0438\u0437 LINQ for JavaScript<\/a> 2.2.0.2<\/li>\n
          7. moment.js<\/code> \u0438\u0437 Moment.js<\/a> 2.1.0<\/li>\n<\/ol>\n

            \u0420\u0430\u0437\u043c\u0435\u0440 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 1218,9 \u041a\u0411, \u0430 \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f GZip-\u0441\u0436\u0430\u0442\u0438\u044f \u2014 406,3 \u041a\u0411. <\/p>\n

            \u0422\u0430\u0431\u043b\u0438\u0446\u0430 5.<\/strong> \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 JS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0444\u0430\u0439\u043b\u0443 \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 <\/p>\n\n\n\n\n\n\n\n\n
            \u0410\u0434\u0430\u043f\u0442\u0435\u0440<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441 GZip-\u0441\u0436\u0430\u0442\u0438\u0435\u043c, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u043f\u0440\u0438 GZip-\u0441\u0436\u0430\u0442\u0438\u0438<\/th>\n<\/tr>\n
            \u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n\u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n<\/tr>\n
            CrockfordJsMinifier<\/code><\/td>\n713,5<\/td>\n505,4<\/td>\n41,46<\/td>\n237,8<\/td>\n168,5<\/td>\n41,47<\/td>\n<\/tr>\n
            YuiJsMinifier<\/code><\/td>\n593,0<\/td>\n625,9<\/td>\n51,35<\/td>\n197,6<\/td>\n208,7<\/td>\n51,37<\/td>\n<\/tr>\n
            ClosureLocalJsMinifier<\/code><\/strong><\/td>\n525,4<\/strong><\/td>\n693,5<\/strong><\/td>\n56,90<\/strong><\/td>\n175,1<\/strong><\/td>\n231,2<\/strong><\/td>\n56,90<\/strong><\/td>\n<\/tr>\n
            MicrosoftAjaxJsMinifier<\/code><\/td>\n527,7<\/td>\n691,2<\/td>\n56,71<\/td>\n175,9<\/td>\n230,4<\/td>\n56,71<\/td>\n<\/tr>\n
            UglifyJsMinifier<\/code><\/td>\n531,1<\/td>\n687,8<\/td>\n56,43<\/td>\n177,0<\/td>\n229,3<\/td>\n56,44<\/td>\n<\/tr>\n<\/table>\n

            \u0422\u0430\u0431\u043b\u0438\u0446\u0430 6.<\/strong> \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 JS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043a \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u043c\u0443 \u0444\u0430\u0439\u043b\u0443 <\/p>\n\n\n\n\n\n\n\n\n
            \u0410\u0434\u0430\u043f\u0442\u0435\u0440<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/th>\n\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0441\u043b\u0435 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441 GZip-\u0441\u0436\u0430\u0442\u0438\u0435\u043c, \u041a\u0411<\/th>\n\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u043f\u0440\u0438 GZip-\u0441\u0436\u0430\u0442\u0438\u0438<\/th>\n<\/tr>\n
            \u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n\u0432&nbsp\u041a\u0411<\/th>\n\u0432&nbsp%<\/th>\n<\/tr>\n
            CrockfordJsMinifier<\/code><\/td>\n713,4<\/td>\n505,5<\/td>\n41,47<\/td>\n237,8<\/td>\n168,5<\/td>\n41,47<\/td>\n<\/tr>\n
            YuiJsMinifier<\/code><\/td>\n593,0<\/td>\n625,9<\/td>\n51,35<\/td>\n197,6<\/td>\n208,7<\/td>\n51,37<\/td>\n<\/tr>\n
            ClosureLocalJsMinifier<\/code><\/strong><\/td>\n525,3<\/strong><\/td>\n693,6<\/strong><\/td>\n56,90<\/strong><\/td>\n175,1<\/strong><\/td>\n231,2<\/strong><\/td>\n56,90<\/strong><\/td>\n<\/tr>\n
            MicrosoftAjaxJsMinifier<\/code><\/td>\n527,7<\/td>\n691,2<\/td>\n56,71<\/td>\n175,9<\/td>\n230,4<\/td>\n56,71<\/td>\n<\/tr>\n
            UglifyJsMinifier<\/code><\/td>\n533,1<\/td>\n685,8<\/td>\n56,26<\/td>\n177,7<\/td>\n228,6<\/td>\n56,26<\/td>\n<\/tr>\n<\/table>\n

            \"\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430<\/p>\n

            \u0420\u0438\u0441. 2.<\/strong> \u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0437\u0430 \u0441\u0447\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 JS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 (\u0432 \u043a\u0438\u043b\u043e\u0431\u0430\u0439\u0442\u0430\u0445)<\/p>\n

            \u0418\u0437 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0445 \u0432\u044b\u0448\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440 Closure Compiler \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Google<\/a> \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u043c\u0435\u0441\u0442\u0435.<\/p>\n

            Microsoft Ajax JS Minifier \u043d\u0430 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u043e\u0431\u043e\u0433\u043d\u0430\u043b UglifyJS \u0438 \u043f\u043e \u043f\u0440\u0430\u0432\u0443 \u0437\u0430\u043d\u044f\u043b \u0432\u0442\u043e\u0440\u043e\u0435 \u043c\u0435\u0441\u0442\u043e.<\/p>\n

            \u0412\u043e\u043e\u0431\u0449\u0435, UglifyJS \u043c\u0435\u043d\u044f \u043e\u0447\u0435\u043d\u044c \u0441\u0438\u043b\u044c\u043d\u043e \u0443\u0434\u0438\u0432\u0438\u043b \u0442\u0435\u043c, \u0447\u0442\u043e \u043f\u0440\u0438 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0430\u0439\u043b\u0430 \u0441 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435 \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u043b\u0441\u044f, \u0430 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u043b\u0441\u044f. \u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u0445 \u0432 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0435.<\/p>\n

            YUI JS Compressor for .Net \u0441\u0438\u043b\u044c\u043d\u043e \u043e\u0442\u0441\u0442\u0430\u043b \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u0439 \u0442\u0440\u043e\u0439\u043a\u0438 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432, \u0447\u0442\u043e \u0441\u0432\u0438\u0434\u0435\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0443\u0435\u0442 \u043e\u0431 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0430\u043d\u0438\u0438 \u0435\u0433\u043e \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430.<\/p>\n

            \u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e JSMin \u0434\u043e \u0441\u0438\u0445 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b, \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u0432 \u043d\u0435\u043c, \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u043f\u0440\u0435\u0436\u043d\u0438\u043c\u0438: \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u0432\u043c\u0435\u0448\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430 \u0432 \u043b\u043e\u0433\u0438\u043a\u0443 \u0441\u043a\u0440\u0438\u043f\u0442\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u0438 \u043f\u0440\u043e\u0431\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043e\u0431\u0437\u043e\u0440\u0435 JSMin \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u043c, \u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0440\u043e\u043b\u044c \u043d\u0438\u0436\u043d\u0435\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n

            \u0422\u0430\u043a\u0436\u0435 \u043a\u0430\u043a \u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 CSS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u0430\u043c\u0438 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u044b\u0438\u0433\u0440\u044b\u0448 \u043e\u0442 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0430\u0439\u043b\u0430 \u0441 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c.<\/p>\n

            \u0412\u044b\u0432\u043e\u0434\u044b<\/h2>\n

            \u041a\u0430\u043a \u0438 \u0432 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437, \u0431\u0438\u0442\u0432\u0443 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 \u0432\u044b\u0438\u0433\u0440\u0430\u043b\u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0433\u0438\u0433\u0430\u043d\u0442\u044b \u2014 \u042f\u043d\u0434\u0435\u043a\u0441 \u0438 Google. \u041f\u0440\u0438\u044f\u0442\u043d\u043e \u0441\u043e\u0437\u043d\u0430\u0432\u0430\u0442\u044c, \u0447\u0442\u043e \u043b\u0443\u0447\u0448\u0438\u0439 CSS-\u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440 \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439.<\/p>\n

            \u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u043c WebGrease Semantic CSS Minifier, \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f Microsoft \u0434\u043e\u0431\u0438\u043b\u0430\u0441\u044c \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0445 \u0443\u0441\u043f\u0435\u0445\u043e\u0432 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u0430 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 Microsoft Ajax Minifier.<\/p>\n

            \u041e\u043f\u0440\u043e\u0441<\/h2>\n

            \u0412 \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u0430\u043c \u043f\u0440\u0438\u043d\u044f\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043e\u043f\u0440\u043e\u0441\u0435: \t\t\t\t<\/p>\n

            \n
            \n
            \u041a\u0430\u043a\u043e\u0439 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 CSS-\u043a\u043e\u0434\u0430 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445?<\/div>\n

            \t\t \t\t \t\t<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
            \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t