Рейтинг:  0 / 5

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 

Эта статья посвящена оптимизации и ускорению сайтов, работающие на популярной CMS Joomla 2.5. Ускорение загрузки сайта — очень важный этап оптимизации сайта, как на Джумле, так и на любых других системах управления сайтом или на самописном ресурсе.

От скорости загрузки сайта зависит и посещаемость ресурса, ну кто захочет ждать по 10 секунд загрузку одной страницы? Легче найти ту же информацию на другом сайте. Быстрый и лёгкий сайт вызовет у популярных поисковиков больше доверия, чем медленный с кучей тяжёлых скриптов. А если на сайте установлена реклама от Google Adsense, нужно, чтобы странички сайта загружались за пару секунд, ведь от посетителей зависит заработок на рекламе.

Протестировать сайт на скорость загрузки можно с помощью онлайн-теста от Гугл под названием Google PageSpeed Insights. Анализ производится за несколько секунд. Сервис полезен ещё и тем, что сразу же даются причины медленной работы сайта, а также методы и способы их устранения. Тестирование сайта с помощью онлайн сервиса от Google PageSpeed Insights поможет оптимизировать и ускорить загрузку сайта, этот полезный инструмент должен быть у каждого веб-мастера и оптимизатора на заметке.

Ускорение загрузки сайта

  1. Используйте кэш браузера. Кеширование файлов сайта в браузер. В файле .htaccess, что лежит в корне нужно прописать сроки кеширования отдельно для каждой группы файлов. Чтобы сроки кеширования работали, нужно, чтобы на хостинге был включён модуль mod_header.c (если, конечно же, хостинг на Appache). Таким образом мы получим ускорение загрузки сайта, так как файлы будут кешироваться в браузер на указанный срок и повторно уже будут загружаться с локального диска, а не с Интернета. Пример кода ниже:
  2. # 1 ГОД
    <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    # 1 НЕДЕЛЯ
    <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=604800, public"
    </FilesMatch>
    # 1 НЕДЕЛЯ
    <FilesMatch "\.(txt|xml|js|css)$">
    Header set Cache-Control "max-age=604800"
    </FilesMatch>
    # НИКОГДА НЕ КЕШИРОВАТЬ
    <FilesMatch "\.(html|htm|php|cgi|pl)$">
    Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate"
    </FilesMatch>
    
  3. Сократите JavaScript. Сжатие скриптов. Ускорит загрузку сайтов и сжатие скриптов. Сжимать скрипты помогут онлайн-сервисы, но они могут работать некорректно и выдавать неправильный сжатый код скриптов, что может привести к поломке модулей, компонентов и плагинов на сайте. Поэтому обязательно делает бекапы, проверяем сайт и отдельно его расширения на работоспособность и при необходимости восстанавливаем бекап. Хороший онлайн-сервис минимизирования и сжатия JavaScript и CSS — Online JavaScript/CSS Compression Using YUI Compressor
  4. Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение. CSS и JavaScript для более быстрой загрузки сайта рекомендуется перенести с хедера вниз сайта перед закрытием тега body. Правда, этот перенос может отобразиться на работе скриптов, то бишь, они могут попросту перестать работать, поэтому делать такие манипуляции не всегда целесообразно.
  5. Плагин JCH Optimize поможет максимально минимизировать и сжать ява скрипты и файлы css и объединить их все в один (в один файл .js и один .css). Компрессия также необходима для ускорения работы сайта.
  6. Для кеширования сайта необходимо включить плагин, в Jommla 2.5 он называется Система — Кэш. Не забудьте в глобальных настройках CMS включить кеш и указать время кеширования страниц в секундах (Сайт — Общие настройки — Система — Настройки кеша).

Вышеописанными способами мне удалось поднять оценку своего сайта (не этого) с 53 до 84 баллов по онлайн-тестированию Google PageSpeed Insights.