Форум русской поддержки Joomla!® CMS
11.12.2016, 06:11:04 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1] 2 3 4 5 6 7 8   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 88782 раз)
0 Пользователей и 1 Гость смотрят эту тему.
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« : 05.04.2010, 16:49:25 »

Большая часть информации актуальна для любого сайта и любой версии Joomla, однако конкретный примеры затрагивать буду только Joomla 1.5. В данном описание не буду описывать настройку самого сервера.

Начнем с простого, зачем же нужна оптимизация сайта? Основное это:
 
 - Уменьшение времени загрузки страницы, что актуально для посетителей сайта.
 - Уменьшение потребления ресурсов сервера.

С чего начать?

  Одним из наиболее важных аспектов оптимизации сайта является уменьшение числа HTTP-запросов.
80% времени отклика конечного пользователя тратится на отображение интерфейса. БОльшая часть времени связана с загрузкой всех компонентов страницы: рисунков, таблиц стилей, скриптов и т.д. Уменьшение числа компонентов, в свою очередь, ведёт к уменьшению числа HTTP-запросов, необходимых для отображения страницы. В этом и заключается ускорение.

- Один из способов уменьшить число запросов - упрощение её дизайна.
- Сжимаем все статические картинки
- Отключаем (удаляем) все ненужные модули, компоненты, плагины.
- Включаем кеширование

- Используем CSS спрайты. К примеру, у вас на странице грузится 10 изображений и соответственно понадобится 10 запросов. Суть данной технологии заключается в том,   чтобы объединить все картинки в один файл (получается всего 1 запрос ). И для дальнейшей "нарезки" изображений использовать свойства
background-image и background-position  языка CSS.

- Объедением скрипты и CSS в один файл. Перед этим лучше всего сжать (оптимизировать) наши файлы, что дает неплохую прибавку к скорости за счет итогового размера подгружаемых файлов. Я рекомендую для оптимизации CSS (Сжатие 5-10 %) On line сервис: http://csstidyonline.com , для оптимизации javascript: http://yui.2clics.net

Пробуем использовать CssJsCompress  http://extensions.joomla.org/extensions/site-management/site-performance/7350
 
- Используем сеть доставки контента. Некоторые библиотеки (jquery,java и т.д.) разумнее загружать не со своего сайта (сервера), например, с Google.
 ( http://code.google.com/intl/ru/apis/ajaxlibs/documentation/ ). Файлы оттуда идут уже хорошо сжатые.

- Используем технологию gzip. Данная технология позволяет делать сжатие HTML страниц 'на лету' за счет небольшого увеличения нагрузки на сервер. Gzip-сжатие в целом снижает размер ответа примерно на 70%

- Размещайте таблицы стилей (CSS) в заголовок (HEAD) (Подгрузка стилей) - это приводит к ускорению загрузки страниц. Дело в том, что в этом случае страница формируется последовательно т.е. отображение страницы блокируется до того, пока все таблицы стилей не будут загружены.

- Расположение скриптов. Вот тут зачастую и происходит главная ошибка. Подгрузку внешних скриптов (javascript. jquery  и т.д.) нужно размещать внизу страницы, а не в начале. В данном способе последовательное отображение блокируется до тех пор, пока не будет загружено всё содержимое ниже скрипта. Если поместить скрипты в самый низ, то бОльшая часть страницы отобразится раньше.

- JavaScript и CSS делаем внешними. Использование отдельных файлов на практике обычно делает страницы быстрее, так как файлы JavaScript и CSS в этом случае кэшируются браузером. Когда код JavaScript и CSS встраивается непосредственно в HTML-документ, он загружается при каждом запросе этого документа. Это уменьшает количество запросов, но увеличивает размер документа; с другой стороны, если JavaScript и CSS хранятся в отдельных файлах, кэшируемых браузером, размер страницы уменьшается, не увеличивая число HTTP-запросов.

- Ищем и удаляем дубликаты скриптов. Внимательно анализируем сайт на предмет двойной подгрузки одних и тех же скриптов.

- Ищем с помощью FireBug загружаемые файлы с 404 ошибкой (запрос есть, а файлов нет) и удаляем/исправляем. Лишние запросы нам не нужны

И, напоследок, немного о SQL запросах. Если вы понимаете что к чему, то смотрите все запросы и по-возможности оптимизируйте их (удаляйте или переписывайте). Также рекомендую пользоваться бесплатных компонентом кеширования SQL запросов - Query cache http://extensions.joomla.org/extensions/site-management/cache/3180 . Кеш запросов доступен в MySQL начиная с версии 4.0.

Также рекомендую пользоваться плагинами Firefox: Yslow и Google page speed для оценки производительности и оптимизации своего сайта.

Смотрим также http://webo.in/articles/

« Последнее редактирование: 03.11.2010, 18:45:07 от yuri-it » Записан
PaLyCH
Живу я здесь
******

Репутация: +146/-19
Offline Offline

Пол: Мужской
Сообщений: 974


Архитектор сайтов


« Ответ #1 : 05.04.2010, 17:23:01 »

Конечно. Очень хороший пример быстродействия одна из моих работ. http://scandistroy.ru  Показатель Yslow 99 из 100. Учитесь господа
Записан
zikkuratvk
Профи
********

Репутация: +258/-2
Offline Offline

Пол: Мужской
Сообщений: 3938


Разрабатываем для Joomla


« Ответ #2 : 05.04.2010, 17:39:20 »

Исправьте пожалуйста конфликт советов... Либо перепишете на счет CSS, а то получается, что все таблицы CSS сначала пихаются в хидер... а потом пихаем в отдельный фаил ;-)

А так на все 100% поддерживаю... большая часть вопросов на форуме которых задается по оптимизации отпадает сама собой. Респект
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #3 : 05.04.2010, 18:08:26 »

Исправьте пожалуйста конфликт советов... Либо перепишете на счет CSS, а то получается, что все таблицы CSS сначала пихаются в хидер... а потом пихаем в отдельный фаил ;-)

А так на все 100% поддерживаю... большая часть вопросов на форуме которых задается по оптимизации отпадает сама собой. Респект
имелось ввиду вызов из хедера, поправил.
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #4 : 05.04.2010, 18:18:12 »

Конечно. Очень хороший пример быстродействия одна из моих работ. http://scandistroy.ru  Показатель Yslow 99 из 100. Учитесь господа
CSS подгрузку лучше сунуть в HEAD. А  mootools.js и validate.js наоборот лучше пониже сунуть. И сжать соответствующие файлы

       Compressing http://skandistroy.ru/media/system/js/mootools.js  could save 52.8KiB (72% reduction).
    * Compressing http://www.google-analytics.com/ga.js could save 13.7KiB (58% reduction).
    * Compressing http://skandistroy.ru/kontakty.html could save 9.1KiB (67% reduction).
   * Compressing http://skandistroy.ru/templates/skandistroy/css/template.css could save 6.7KiB (72% reduction).
    * Compressing http://skandistroy.ru/media/system/js/validate.js could save 2.5KiB (59% reduction).
    * Compressing http://skandistroy.ru/templates/skandistroy/favicon.ico could save 894B (77% reduction).

В целом хорошая оптимизация. Yslow показал 65 и 76 Azn
Записан
fedya
Завсегдатай
*****

Репутация: +50/-1
Offline Offline

Сообщений: 492


« Ответ #5 : 05.04.2010, 18:30:50 »

yuri-it: хорошая статья
сделали бы больше практических советов, относящихся непосредственно к Joomla (по каждому пункту), стало бы совсем хорошо

Конечно. Очень хороший пример быстродействия одна из моих работ. http://scandistroy.ru  Показатель Yslow 99 из 100. Учитесь господа
вы немного лукавите...
YSlow(V2) — 81
Classic(V1) — 72
Small Site or Blog — 98
Записан
PaLyCH
Живу я здесь
******

Репутация: +146/-19
Offline Offline

Пол: Мужской
Сообщений: 974


Архитектор сайтов


« Ответ #6 : 05.04.2010, 18:31:26 »

yuri-it: хорошая статья
сделали бы больше практических советов, относящихся непосредственно к Joomla (по каждому пункту), стало бы совсем хорошо
вы немного лукавите...
YSlow(V2) — 81
Classic(V1) — 72
Small Site or Blog — 98
Я не лукавлю, сатй маленький. Отсюда и высокий рейтинг.

А вам рекомендую. почитать сайт webo.in
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #7 : 05.04.2010, 18:44:00 »

yuri-it: хорошая статья
сделали бы больше практических советов, относящихся непосредственно к Joomla (по каждому пункту), стало бы совсем хорошо
по-моему и так все разжевал. В будущем думаю сделаю тест конкретных расширения, чтобы сравнить производительность.
Записан
zikkuratvk
Профи
********

Репутация: +258/-2
Offline Offline

Пол: Мужской
Сообщений: 3938


Разрабатываем для Joomla


« Ответ #8 : 05.04.2010, 18:44:44 »

я могу сказать сколько дает в реальности :-) а не в попугаях... на больших сайтах после такой оптимизации можно скажем забыть с переезда с VDS на сервер) на достаточно длительное время)
в реальности на некоторых сайтах раз в два нагрузка запросто падает :-)
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #9 : 05.04.2010, 18:46:27 »

я могу сказать сколько дает в реальности :-) а не в попугаях... на больших сайтах после такой оптимизации можно скажем забыть с переезда с VDS на сервер) на достаточно длительное время)
в реальности на некоторых сайтах раз в два нагрузка запросто падает :-)
хочется оперировать цифрами, людям думаю будет интересно посмотреть разницу базового сайта и оптимизированного.
Записан
fedya
Завсегдатай
*****

Репутация: +50/-1
Offline Offline

Сообщений: 492


« Ответ #10 : 05.04.2010, 19:06:45 »

по-моему и так все разжевал. В будущем думаю сделаю тест конкретных расширения, чтобы сравнить производительность.

например, новичку будет совсем непонятно...
Цитировать
Подгрузку внешних скриптов (javascript. jquery  и т.д.) нужно размещать внизу страницы, а не в начале.
как mootools.js или скрипт модуля карусельки разместить внизу страницы...?

Цитировать
Ищем и удаляем дубликаты скриптов
каких скриптов, какие строчки конкретно искать и как удалять?
Можно указать на самые распространенные примеры...
Записан
fedya
Завсегдатай
*****

Репутация: +50/-1
Offline Offline

Сообщений: 492


« Ответ #11 : 05.04.2010, 19:10:25 »

ещё можно добавить совет по оптимизации графики на сайте...
Записан
lamaka
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 79


МАЗАФАКЕР


« Ответ #12 : 05.04.2010, 19:19:30 »

Отличный фак, все разжевано и в рот положено ) Будем оптимизировать, потом, если не забуду, отпишусь как оно.
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #13 : 05.04.2010, 19:21:32 »

например, новичку будет совсем непонятно...как mootools.js или скрипт модуля карусельки разместить внизу страницы...?
Код для подгрузки скриптов размещать снизу страницы- это касается особенно главной страницы сайта. Как подгружаются скрипты см.код Joomla, там еще много что интересно найдется.
каких скриптов, какие строчки конкретно искать и как удалять?
Многие модули, плагины, компоненты используют одни и те же библиотеки скриптов, проще поставить Google page speed Он сам покажет что подгруается и как.
[/quote]
Оптимизация графики - фотошоп. Не затрагиваю функционал моделей\компонентов, в котором можно самостоятельно менять качество картинки.
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #14 : 05.04.2010, 19:22:00 »

Отличный фак, все разжевано и в рот положено ) Будем оптимизировать, потом, если не забуду, отпишусь как оно.
ну хоть кому-то еще понятно Azn
Записан
PaLyCH
Живу я здесь
******

Репутация: +146/-19
Offline Offline

Пол: Мужской
Сообщений: 974


Архитектор сайтов


« Ответ #15 : 05.04.2010, 19:59:03 »

ну хоть кому-то еще понятно Azn
Предлагаю сокпипастить все отсюдова http://webo.in/articles/ Там все что ты хочешь сказать уже давно разобрано
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #16 : 05.04.2010, 20:00:56 »

Предлагаю сокпипастить все отсюдова http://webo.in/articles/ Там все что ты хочешь сказать уже давно разобрано
обновлю пост
Записан
fedya
Завсегдатай
*****

Репутация: +50/-1
Offline Offline

Сообщений: 492


« Ответ #17 : 05.04.2010, 20:06:30 »

Предлагаю сокпипастить все отсюдова http://webo.in/articles/ Там все что ты хочешь сказать уже давно разобрано
обновлю пост
вот то-то и оно...
по этому было бы намного полезнее конкретно практически описать оптимизацию Joomla по вашим теоретическим выкладкам
а не
Цитировать
Как подгружаются скрипты см.код Joomla, там еще много что интересно найдется.
Записан
SmokerMan
Профи
********

Репутация: +694/-25
Offline Offline

Пол: Мужской
Сообщений: 5225



« Ответ #18 : 05.04.2010, 21:21:30 »

вот то-то и оно...
по этому было бы намного полезнее конкретно практически описать оптимизацию Joomla по вашим теоретическим выкладкам
а не
да не будет такого Azn
каждый сайт использует тот или иной функционал. Так что общей статьи по оптимизации Joomla, думаю не появиться.
Оптимизация - это, вообще думаю, сугубо индивидуальный подход.
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #19 : 05.04.2010, 21:33:19 »

да не будет такого Azn
каждый сайт использует тот или иной функционал. Так что общей статьи по оптимизации Joomla, думаю не появиться.
Оптимизация - это, вообще думаю, сугубо индивидуальный подход.
вот и я про то. Сравнения конкретных расширений планируется сделать позже.
Записан
fedya
Завсегдатай
*****

Репутация: +50/-1
Offline Offline

Сообщений: 492


« Ответ #20 : 05.04.2010, 21:37:18 »

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

например, установил Joomla, навесил расширений, смотришь, если не используется моотулз - отключаешь его нахрен, если используется - загружаешь его со стороннего ресурса (конкретно как делается) или переносишь в самый низ страницы (конкретно как делается), ну и тому подобное...
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #21 : 05.04.2010, 21:42:09 »

я думаю, есть стандартные методы...скрипты, библиотеки...и т.п.

например, установил Joomla, навесил расширений, смотришь, если не используется моотулз - отключаешь его нахрен, если используется - загружаешь его со стороннего ресурса (конкретно как делается) или переносишь в самый низ страницы (конкретно как делается), ну и тому подобное...
а я что не по русски писал? Нужен анализ - Yslow и Google page speed. Далее смотрим что не так и исправляем. Читайте внимательнее.
Записан
fedya
Завсегдатай
*****

Репутация: +50/-1
Offline Offline

Сообщений: 492


« Ответ #22 : 05.04.2010, 22:31:36 »

а я что не по русски писал? Нужен анализ - Yslow и Google page speed. Далее смотрим что не так и исправляем. Читайте внимательнее.
да ладно вам... Wink
спасибо за проделанную работу...

а совершенству нет предела
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #23 : 05.04.2010, 22:53:51 »

да ладно вам... Wink
спасибо за проделанную работу...

а совершенству нет предела
Буду работать над собой Azn
Записан
dreamwind
Осваиваюсь на форуме
***

Репутация: +27/-13
Offline Offline

Сообщений: 166



« Ответ #24 : 06.04.2010, 12:51:57 »

Очень хороший пример быстродействия одна из моих работ

да, конечно, неплохо. Но можно и лучше
http://webo.in/check/?url=skandistroy.ru

В частности - minify для JS/CSS/картинок + спрайты/data:URI
Записан
kirillnet
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 31


« Ответ #25 : 06.04.2010, 15:16:47 »

Joomla 1.5.12
установил CssJsCompress 3,2
HTTP 500 Internal Server Error
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #26 : 06.04.2010, 17:10:04 »

Joomla 1.5.12
установил CssJsCompress 3,2
HTTP 500 Internal Server Error
это вам уже в общую ветку обращаться. У меня такой ошибки нет.
Записан
Джон
Захожу иногда
**

Репутация: +1/-1
Offline Offline

Сообщений: 17


« Ответ #27 : 06.04.2010, 17:28:09 »

Конечно. Очень хороший пример быстродействия одна из моих работ. http://scandistroy.ru  Показатель Yslow 99 из 100. Учитесь господа

Чему учится? Как НЕ надо делать?! Конечно, взял на вооружение! У вас этот сайт грузится дольше чем из Москвы в учкотку ползком! Учитесь дальше. На мегабите, меж прочим грузится - я не дождался и закрыл нафиг. Azn

Включать кеш? Хм... А вот на основных ресурсах посвященных Joomla этого не советуют делать! Странные у вас подходы. Глупые я бы сказал.
Записан
yuri-it
Живу я здесь
******

Репутация: +37/-3
Offline Offline

Сообщений: 1037


« Ответ #28 : 06.04.2010, 17:30:35 »

Включать кеш? Хм... А вот на основных ресурсах посвященных Joomla этого не советуют делать! Странные у вас подходы. Глупые я бы сказал.
Видно не сильны вы в этом вопросе. К любому сайту нужен индивидуальный подход, скиньте ка ссылку кто там советуют не пользоваться кешированием ? Azn Хотя не понятно про какое кеширование идет речь? Может еще и SQL запросы кешировать не советуют?
Записан
Aleks_El_Dia
JComments Tester
*

Репутация: +353/-0
Offline Offline

Пол: Мужской
Сообщений: 3739


AEDStudio Joomla! Direction


« Ответ #29 : 06.04.2010, 22:15:34 »

Чему учится? Как НЕ надо делать?! Конечно, взял на вооружение! У вас этот сайт грузится дольше чем из Москвы в учкотку ползком! Учитесь дальше. На мегабите, меж прочим грузится - я не дождался и закрыл нафиг. Azn

Включать кеш? Хм... А вот на основных ресурсах посвященных Joomla этого не советуют делать! Странные у вас подходы. Глупые я бы сказал.
В студию список основных ресурсов, посвященных Joomla! Любопытно взглянуть.
Записан
Страниц: [1] 2 3 4 5 6 7 8   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet