Оптимизация Joomla мой FAQ

[yuri-it]

В студию список основных ресурсов, посвященных Joomla! Любопытно взглянуть.

тож оч.интересно.

[Beer]

Стал смотреть вес страницы - увидел mootools.js 72кб, поиском пригреб сюда - отключил -72кб, на главной у меня нету JComments, впрочем как и на некоторых других страницах, однако jcomment.js 27кб грузится ...
Так и должно быть?

[yuri-it]

Стал смотреть вес страницы - увидел mootools.js 72кб, поиском пригреб сюда - отключил -72кб, на главной у меня нету JComments, впрочем как и на некоторых других страницах, однако jcomment.js 27кб грузится ...
Так и должно быть?

все ненужное отрубаем нафиг.

[SmokerMan]

Стал смотреть вес страницы - увидел mootools.js 72кб, поиском пригреб сюда - отключил -72кб, на главной у меня нету JComments, впрочем как и на некоторых других страницах, однако jcomment.js 27кб грузится ...
Так и должно быть?

Да, так и должно, видимо задумано так.
Могу сказать что скрипты в нем подключаются системным плагином, и условие нужно прописывать в нем, что бы они отрубались

[Beer]

 Т.е. это надо к Smartу звонить? Все же 27кб нехило лишних грузить без надобности...

[yuri-it]

Т.е. это надо к Smartу звонить? Все же 27кб нехило лишних грузить без надобности...

jcomment.js нет в стандартной сборке Joomla, сначала узнать кто грузит скрипт(если нет джекоментс), а потом уже и решать убирать или нет.

[SmokerMan]

Т.е. это надо к Smartу звонить? Все же 27кб нехило лишних грузить без надобности...

можно и позвонить
я, просто писал как-то об этом уже, поэтому и ответил здесь.
http://joomlaforum.ru/index.php/topic,108248.0.html
Лень самому было разбираться, а пришлось

[Beer]

Вот это еще для админки грузится на фронт:
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
Можно либо убить вообще, либо наверное добавить в стиль шаблона, если нету способа отключить для фронта. Так?

[TwistedAndy]

Опять об оптимизации заговорили. Ну что ж. Изложу свои советы:

1) CSS спрайты. Заниматься ими нужно после верстки шаблона.

2) gzip-сжатие. Встроенное сжатие Joomla работает только для контента да и реализовано на PHP. Гораздо лучше, чтобы этим занимался непосредственно Apache или еще лучше nginx, который сидит перед апачем как реверс-прокси. Сжимать нужно лишь контент, CSS и JS файлы.

3) включить expires-заголовки. Это невероятно полезная штука, которая самым непосредственным образом увеличивает скорость загрузки страничек за счет того, что многие тяжелые скрипты, CSS-ки и картинки кешируются браузером и не загружаются по второму разу. Если стоит nginx как фронтенд, то прописывать нужно в настройках, если апач, то сначала нужно включить mod_expires, а потом уж добавлять в конфиг апача или в .htaccess строки

Код:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 7 days"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/x-javascript "access plus 1 week"
</IfModule>

4) всякие там mootols.js, caption.js и прочие отключаются довольно просто. Нужно в заголовке шаблона добавить такой код:

Код:

$headerstuff = $this->getHeadData();

  $scripts = $headerstuff['scripts'];

  $headerstuff['scripts'] = array();

  foreach($scripts as $url=>$type) {
    if (strpos($url, 'js/mootools.js') === false && strpos($url, 'js/caption.js') === false) {
      $headerstuff['scripts'][$url] = $type;
    }
}
$this->setHeadData($headerstuff);

Всякие там лишние CSS файлы лучше с заголовка убрать

5) поставить наконец nginx как реверс-прокси для апача. Также нужно настроить, чтобы он отдавал картинки, CSS-ки, скрипты и прочую статику. Он же может заниматься установкой Expires-заголовков для статики и сжатием

6) почистить код шаблона. Здесь уже нужно лезть руками в код. Если нет хотя бы базовых знаний PHP, то лучше сюда не лезть.

7) включить кеширование. Если есть на сервере PHP-акселераторы вроде APC, то указать их как обработчик кеша. По-умолчанию там файлы стоят. Нагрузка на процессор падает в несколько раз. По потреблению памяти - примерно то же самое.

[yuri-it]

Что это все примерно может дать смотрите на примере данного сайта: Все для ноутбуков

В целом хорошо, но на моем 5 мбит, грузится 2-3 секунды.

[Beer]

Страничка 191кб, у меня - 154кб, но выводит дольше 

[TwistedAndy]

В целом хорошо, но на моем 5 мбит, грузится 2-3 секунды.

А что там так долго грузится? Можно скриншот с вкладки сеть FireBug'а?

[ChaosHead]

Может ли быть такое, что из-за

Код:

ExpiresByType text/javascript "access plus 1 week"

неправильно стали учитываться показы Google Ad seanse? Они там тоже text/javascript.
Я так понимаю эти баннеры не должны кешироваться?

[Freeman82]

Привет!
Очень нужна помощь по оптимизации загрузки сайта.
Сейчас результаты следующие

Не могли бы вы подробней рассказать как оптимизировать java и СSS image.

[Beer]

 Тебе сюда: http://webo.in/articles/habrahabr/02-delay-loading-stylesheets/

 Мотулс пришлось включить, т.к. отдельно его не могу отрубить - у меня шаблон сейрета плывет. Причем нужен не мотулс, а только второй скрипт:
<script type="text/javascript" src="/media/system/js/caption.js"></script>
Как оставить грузиться только его?

[jem777]

Код:

<?php
$user =& JFactory::getUser();
if ($user->get('guest') == 1) {
  $headerstuff = $this->getHeadData();
  $key1 = JURI::base(true). '/media/system/js/mootools.js';
  $key2 = JURI::base(true). '/media/system/js/caption.js';
  unset($headerstuff['scripts'][$key1], $headerstuff['scripts'][$key2]);
  $this->setHeadData($headerstuff);
}
?>

Здесь можно закомментировать нужный скрипт. В вашем случае строку:

Код:

$key2 = JURI::base(true). '/media/system/js/caption.js';

Код вставить в файл index.php шаблона сайта, где нибудь в начале.

[Beer]

Так:

Код:

<?php
$user =& JFactory::getUser();
if ($user->get('guest') == 1) {
  $headerstuff = $this->getHeadData();
  $key1 = JURI::base(true). '/media/system/js/mootools.js';
  //$key2 = JURI::base(true). '/media/system/js/caption.js';
  unset($headerstuff['scripts'][$key1], $headerstuff['scripts'][$key2]);
  $this->setHeadData($headerstuff);
}
?>

В результате:

Код:

  <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>

Т.е. - нифига нету результата. 

[jem777]

вставлять в самое начала файла index.php вашего шаблона

т.е. до кода вывода Head.
И этот хак для гостей а не для юзеров. Можете попытаться изменить его, чтобы он действовал и на юзеров и на гостей. Там же есть строка 'guest'. Сейчас под рукой сайта нет, чтобы проверить.

[Beer]

Работает. Спасиб.
Надо было до <head> код ставить. Отрубает мотулз, но шаблон Сейрет тогда глючит .

[jem777]

Многие шаблоны и компоненты, а также модули используют mootools. Так что избавиться от него полностью не совсем удается. Лучше сжать средствами сервера. Или с помощью специальных компонентов и плагинов, осуществляющих сжатие Java-скриптов и CSS. Их сейчас кажется немало.

Можете попробовать вставить в конце .htaccess эти строки и посмотреть - реализует ли ваш сервер сжатие:

Код:

<FilesMatch ".(js|css)$">
SetOutputFilter DEFLATE
</FilesMatch>

Суммарный обьем страницы может сильно уменьшится при этом - что хорошо. Если нет - то можно это проделать с помощью специальных компонентов или плагинов.

[Beer]

Я его уже оптимизировал - 72кб он стал, Highslade сжал и урезал  до 7кб, все равно много.
там описана метода:

Если что-то осталось неясным после прочтения последнего раздела, то алгоритм действий должен быть следующим (большое спасибо godfather за помощь в формулировке):
Добавляем описанные выше инструкции в конфигурационный файл Apache или .htaccess
Пакуем файлы (с помощью 7-zip или gzip) и кладем на место обычных (расширение у файлов должно остаться прежним, .css или .js). Например, вы берете файл anyname.css, пакуете его 7-zip, у вас получается файл anyname.css.gz, переименовываем его обратно в anyname.css и заливаем на сервер. Для gzip все немного проще:01
02
03
gzip -c -9 -n anyname.css > anyname.css.gz
mv anyname.css anyname.nogzip.css
mv anyname.css.gz anyname.css
01
02
03
gzip -c -9 -n anyname.css > anyname.css.gz
mv anyname.css anyname.nogzip.css
mv anyname.css.gz anyname.css
Рядом с пожатыми файлами кладутся файлы с расширением nogzip.css или nogzip.js, которые содержат неархивированные копии. Например, после заливки сжатого файла anyname.css, вы создаете на сервере еще один файл anyname.nogzip.css, который является копией несжатого файла. Для gzip это копирование уже производится чуть выше второй строкой в листинге.

[via82]

Опять об оптимизации заговорили. Ну что ж. Изложу свои советы:

2) gzip-сжатие. Встроенное сжатие Joomla работает только для контента да и реализовано на PHP. Гораздо лучше, чтобы этим занимался непосредственно Apache или еще лучше nginx, который сидит перед апачем как реверс-прокси. Сжимать нужно лишь контент, CSS и JS файлы.

Подскажите как реализовать gzip-сжатие по мимо встроенного сжатия Joomla.

[jem777]

Выше есть код. Попробуйте вставить в .htaccess

[via82]

Выше есть код. Попробуйте вставить в .htaccess

Если Вы имеете в виду этот

Код:

<FilesMatch ".(js|css)$">
SetOutputFilter DEFLATE
</FilesMatch>

то уже пробовал.

Сервер выдает ошибку с кодом 500

[jem777]

Значит скорее всего этот модуль у вас отключен. Хотя если он отключен - то обычно не бывает никаких изменеий.
Попробуйте создать пустой файл .htaccess (именно так, точка в начале имени файла и сам файл без расширения) и вписать в него эти строки.
Или в PHPInfo в админке проверьте apache2handler - Loaded Modules - должна быть строка mod_deflate. Если его там нет - то значит на вашем сервере он не загружен.

Тогда можно сжимать только при помощи плагинов типа CssJsCompress.

[via82]

Попробуйте создать пустой файл .htaccess (именно так, точка в начале имени файла и сам файл без расширения) и вписать в него эти строки.

Файл уже есть. Я же писал в предыдущем посте что пробовал

Код:

<FilesMatch ".(js|css)$">
SetOutputFilter DEFLATE
</FilesMatch>

PHPInfo в админке проверьте apache2handler - Loaded Modules - должна быть строка mod_deflate

Нашел Stream Filter support - zlib.inflate, zlib.deflate

[jem777]

Ну тогда проверьте в Firefox+YSlow есть сжатие или нет?

[via82]

в Firefox+YSlow
пишет
Grade F on Compress components with gzip

[jem777]

В YSlow проверьте в графе Components и далее Expand All - если в столбце GZIP(KB) показываются сжатые файлы - значит все нормально сжимается. Если нет - значит сервер не поддерживает сжатие.

[via82]

проверил
значение в колонке gzip стоит только напротив doc
для остальных пусто

получается gzip работает.
тогда как заставить обрабатывать css  и js?