Минимизация CSS и JavaScript - История изменений

Mad grant в 11:51, 5 июня 2013

2013-06-05T11:51:42Z

Kalexey в 19:56, 2 июля 2012

2012-07-02T19:56:10Z

Kalexey в 13:40, 2 июля 2012

2012-07-02T13:40:19Z

Kalexey в 13:39, 2 июля 2012

2012-07-02T13:39:11Z

Kalexey в 13:45, 1 июля 2012

2012-07-01T13:45:37Z

Kalexey в 08:59, 1 июля 2012

2012-07-01T08:59:39Z

Kalexey в 08:59, 1 июля 2012

2012-07-01T08:59:11Z

Kalexey в 10:38, 29 июня 2012

2012-06-29T10:38:01Z

Kalexey в 21:31, 28 июня 2012

2012-06-28T21:31:07Z

Kalexey в 21:30, 28 июня 2012

2012-06-28T21:30:46Z

@@ Строка 2: / Строка 2: @@
   [[category:Верстка в XSLT]]
   [[category:Верстка в TPL]]
 <p>
 Прежде всего, давайте определимся, зачем нам сжимать CSS и JavaScript код? Сжатие CSS и JavaScript уменьшает время загрузки страницы. Если проект мал, то его применение не целесообразно. Однако, когда Вы работаете над большим проектом, сжатие может здорово уменьшить время загрузки страницы, поскольку удаляются комментарии из кода, код пишется в одну строку - удаляется "белое пространство" (пробелы и переносы строк). Имейте в виду, если вы действительно хотите увеличить производительность веб-сайта, после стадии разработки Вы должны пойти еще дальше и использовать GZIP сжатие и кэширование ваших файлов.

@@ Строка 78: / Строка 78: @@
 </p>
 <source lang="PHP">
-%content getMinimizedCss('css/', 'header|center|footer')%
+%content getMinimizedCss('css/', 'header!center!footer')%
-%content getMinimizedJs('js/', 'hello|world')%
+%content getMinimizedJs('js/', 'hello!world')%
 </source>
 <p style="text-align: right">

@@ Строка 98: / Строка 98: @@
 Обращаем Ваше внимание на то, что имена файлов указываются без расширения. Макросы добавляют его автоматически.
 </p>
 <p>
 Если Вы используете макросы в XSLT, то при указании папки, где находятся файлы, путь необходимо оборачивать в круглые скобки (как это сделано в примере), иначе шаблонизатор считает, что Вы указываете несколько параметров, а не один, т.к. в XSLT параметры разделяются слешом.
 </p>
 </td>
 </tr>
 </table>

@@ Строка 16: / Строка 16: @@
      $path - директория расположения файлов
    @param String
-     $files - список файлов для сжатия (символ "|" - разделитель)
+     $files - список файлов для сжатия (символ "!" - разделитель)
   */
 public function getMinimizedCss($path, $files) {
-   $files = explode('|', $files);
+   $files = explode('!', $files);
    $content = '';
    foreach($files as $file) {
@@ Строка 37: / Строка 37: @@
      $path - директория расположения файлов
    @param String
-     $files - список файлов для сжатия (символ "|" - разделитель)
+     $files - список файлов для сжатия (символ "!" - разделитель)
   */
 public function getMinimizedJs($path, $files) {
-   $files = explode('|', $files);
+   $files = explode('!', $files);
    $content = '';
    foreach($files as $file) {
@@ Строка 69: / Строка 69: @@
 </source>
 <p>
-На входе у макросов два параметра: директория расположения и список файлов. Разделителем в списке служит символ "|". Код из указанных файлов объединяется и затем проходит минимизацию, т.е. на выходе получается текст в одну строку, без символов табуляции, пробелов и комментариев.
+На входе у макросов два параметра: директория расположения и список файлов. Разделителем в списке служит символ "!". Код из указанных файлов объединяется и затем проходит минимизацию, т.е. на выходе получается текст в одну строку, без символов табуляции, пробелов и комментариев.
 </p>
 <p>
@@ Строка 85: / Строка 85: @@
 </p>
 <source lang="html4strict">
-<xsl:value-of select="document(concat('udata://content/getMinimizedCss', 'css/', 'header|center|footer'))/udata"
+<xsl:value-of select="document(concat('udata://content/getMinimizedCss/', '(css/site/)/', 'header!center!footer'))/udata"
 disable-output-escaping="yes" />
-<xsl:value-of select="document(concat('udata://content/getMinimizedJs', 'js/', 'hello|world'))/udata"
+<xsl:value-of select="document(concat('udata://content/getMinimizedJs/', '(js/site/)/', 'hello!world'))/udata"
 disable-output-escaping="yes" />
 </source>
@@ Строка 97: / Строка 97: @@
 <p>
 Обращаем Ваше внимание на то, что имена файлов указываются без расширения. Макросы добавляют его автоматически.
 </p>
 </td>
 </tr>
 </table>

@@ Строка 1: / Строка 1: @@
   [[category:Написание кастомных макросов]]
 <p>
 Прежде всего, давайте определимся, зачем нам сжимать CSS и JavaScript код? Сжатие CSS и JavaScript уменьшает время загрузки страницы. Если проект мал, то его применение не целесообразно. Однако, когда Вы работаете над большим проектом, сжатие может здорово уменьшить время загрузки страницы, поскольку удаляются комментарии из кода, код пишется в одну строку - удаляется "белое пространство" (пробелы и переносы строк). Имейте в виду, если вы действительно хотите увеличить производительность веб-сайта, после стадии разработки Вы должны пойти еще дальше и использовать GZIP сжатие и кэширование ваших файлов.

@@ Строка 62: / Строка 62: @@
    $permissions = Array(
      'content' =>
-       Array('getMinimizedss', 'getMinimizedJs')
+       Array('getMinimizedCss', 'getMinimizedJs')
    );
 ?>

@@ Строка 82: / Строка 82: @@
 '''Листинг 4. Использование макросов в XSLT'''
 </p>
-<source lang="PHP">
+<source lang="XML">
 <xsl:value-of select="document(concat('udata://content/getMinimizedCss', 'css/', 'header|center|footer'))"
 disable-output-escaping="yes" />