УВЕЛИЧЕНИЕ КОНВЕРСИИ ЗАСЧЕТ УСКОРЕНИЯ JOOMLA!

Денис Логинов, Директор, Web-Now.pro

Цель:Повысить конверсию Вашего сайта!

Рассмотреть методы и инструменты по оптимизации вашего сайта.Провести оптимизацию реального проекта на CMS Joomla!Показать кейсы по высоконагруженным проектам.

Конверсия является показателем эффективности работы сайта.Конверсия – это отношение числа пользователей, которые совершили покупку товара или услуги на вашем сайте, к числу пользователей,которые пришли к вам через все рекламные каналы.

Анализ:Влияние скорости загрузки сайта на конверсию

Задача:Ускорить Ваш сайт, работающий на Joomla!

Рассмотреть на примере реальных проектов.

ДизайнКонтентЮзабилитиТехническое состояние

Скорость загрузки страниц сайтаКорректная работа функционала сайта

Средний показатель конверсии большинства интернет‐ресурсов варьирует в диапазоне 0,3‐7%, при этом хорошим считается 3%.

Конечно же, конверсия мировых Гигантов в области интернет‐продаж значительно выше приведенных значений.

Не следует забывать, что для каждого сегмента «хорошая» конверсия своя.

Ключевые факторы, влияющие на конверсию:

О конверсии Вашего сайта

Анализ: влияние скорости загрузки на конверсиюПример №1 – Евросеть и Связной

Влияние скорости загрузки сайта на поисковую выдачу

Анализ: влияние скорости загрузки на конверсиюПример №2

Компания Gomez собрала статистику, которая красноречиво это показывает – каждая сэкономленная секунда увеличивает конверсию на 7%.

Анализ: влияние скорости загрузки на конверсиюПример №3

SHOPZILLA перевела сайт на новый движок и сделала оптимизацию изображений

Конверсия: + 7-12%Просмотры: + 25%Инфраструктура: - 50% (200 серверов вместо 402)

SHOPZILLA.com, Октябрь 2008

Анализ: влияние скорости загрузки на конверсиюПример №4

В 2006 году компания Amazon представила одно из первых исследований, отмечающих прямую причинно‐следственную связь между скоростью загрузки страницы и прибылью в ecommerce.

Резюме результатов исследования представлено в презентации Грега Линдена "Make Data Useful". При помощи A/B‐тестирования Грег показал:

каждая задержка загрузки страницы на 100мс приводит к 1% потере продаж на Amazon.

Пример №5

Исследование "Velocity 2013", представленное компанией Intuit.Исследование является результатом работы специалистов компании по снижению скоростизагрузки страниц с 15 до 2 секунд. Работая над этим проектом, они увидели существенноеувеличение конверсии каждый раз, когда снижали время загрузки на секунду.

Цифры получились следующими:

+3% конверсий на каждую секунду при снижении с 15 до 7 секунд; +2% конверсий на каждую секунду при снижении с 7 до 5 секунд; +1% конверсий на каждую секунду при снижении с 4 до 2 секунд.

Анализ: влияние скорости загрузки на конверсию

Задача: Ускорить сайт работающий на CMS Joomla! Чек-лист Web-NOW!

Оптимизация работы веб-окружения и сервера: Веб-сервер (apache, nginx) База данных (MySQL, MariaDB) Файловая система (HDD, SSD)Оптимизация изображенийОптимизация, сжатие, объединение скрипов и стилей, включение GZIPОптимизация html кодаОптимизация запросов базы данныхКеширование: Стандартный кеш JOT Cache Кеширование на стороне клиентаИспользование CDN

Задача: Оптимизация веб-окружения и сервераО сервере

Используйте сервера и хостинги с SSD как под веб-сервер, так и под базу данных На высоконагруженных проектах разделяйте базу данных и веб-сервер на разные сервера Следите какой сервис съедает больше всего ресурсов

О веб-окружении:

Если проект со старыми расширениями используйте php 5.3 с включенным xcache_3 и realpath_cache_size 4096K Если новый сайт используйте php 5.6 Тестируйте работу php 7.0. Уже сейчас новое ядро дает 10‐30% прироста производительности не только в тестах, но также и в реальных проектах Apache 2 или ngnix MySQL или MariaDB

Задача: Оптимизация статичных данныхОптимизация и сжатие, объединение скриптов и стилей

Решение: Используйте JCH Optimize PRO Есть бесплатная версия! Или 29$ без ограничения на домены!

GZIPВключите GZIP в настройках вашего сайта.

Проверить можно: http://checkgzipcompression.com/Если у вас не работает, обратитесь в тех. поддержку хостинга

Особенности:Готовы шаблоны настоекПроверка корректности работыРучное управление настройками для получения нужного эффекта

Сжать и объединить CSSСжать и объединить JSПереместить JS и CS в низ сайтаСжать HTML

Решение: Используйте JCH Optimize PRO. Есть бесплатная версия! Или 29$ без ограничения на домены!

Задача: Оптимизация базы данныхВыбор между MyISAM и InnoDB.

Много разных мнений, нужно обязательно смотреть на проект, нагрузку и объем данных.Все что касается сессии и пользователей мы однозначно рекомендуем оставить на InnoDB.Все что касается поиска, контента мы переводим на MyISAM и на разных проектах видим рост производительности до 20%

Сами разработчики Joomla! в «кулуарах» однозначны в этом вопросе:“На высоконагруженных проектах мы переходим на MyISAM, потомучто InnoDB на этих проектах работает медленнее.”

Задача: Оптимизация картинокИспользуйте Photoshop или облачные инструменты:

JPEGmini. Отлично сжимает фотки на 20…30%. Создатели заявляют, что могут сжать некоторые изображения в 5 раз без потерь в качестве. Есть API для автоматизации.

TinyPNG. Реально крутой инструмент оптимизации для PNG. Очень хорошее сжатие без заметных потерь в качестве. Также есть API и большой бесплатный пакет.

i.onthe.io/google_speed. Простой сжиматор, работает с любым форматом. Удобен для одноразовой обработки.

СОВЕТ №1: Используйте Google PageSpeed для поиска проблем с графикой на сайте.

СОВЕТ №2: Сохраняйте из PhotoShop с прогрессивной опцией.

Задача: КешированиеСтандартный кеш:Включение плагина кешВключение кеширования в настройках Joomla!

Кеш JOTCACHE:Выключение плагина кешВключение плагина JotCacheВключение кеширования в настройках Joomla!Настройка компонента и исключений

Кеширование на стороне пользователя:Кешировать всю графику, скрипты, стили, шрифты, html, видео, аудио и другие материалы на определенный срок.

Задача: Использование CDN

CDN —сокращение от content delivery network, то есть “сеть доставки контента”.

Чаще всего это множество серверов с специализированным ПО, которые ускоряют доставку (“отдачу”) контента конечному пользователю.Протестировав несколько компаний, мы остановились на

SkyparkCDN. Скоростью доставкой контента мы довольны.

Можно включить в настройках JCH Optimize.

Задача:Провести оптимизацию реального проекта на CMS Joomla!Исходные данные:

Joomla 3.5.1Apache 2, php 5.32100 материалов выводятся на главной странице сайта в виде вступительной частиЗагрузка за 16 секунд, 25 запросов в БД, 87 мб использовано памятиПеред каждым измерением полная очистка кеша браузера

Оптимизация БД, кол-во запросов

Память, мб Загрузка, сек

Смена php на 5,6 25 82 12

Смена php на 7 25 71 9

ОптимизацияБД 25 68 7,7

Оптимизация css / js / img / html/ GZIP / .htaccess

23 58 5,8

Кэширование 1 посетитель 8 13 2,8

Кэширование 2 и далее посетители

3 5 1

Итого: ускорение в 16 раз

Задача: Кейсы по высоконагруженным проектамЕсли заказчик говорит: «А выдержит ли CMS Joomla!…»Мы просто показываем реализованные проекты:

Сайт онлайн голосования Московской энергетической выставки 4 млн. уникальных посетителей за месяц 12 млн. страниц просмотрено за месяц Динамическое голосование в течение месяца 15 тыс. материалов на проекте 1 физический сервер: 4 гб ОЗУ, Intel(R) Xeon(R) CPU E5‐1650 Дополнительно: ajax вывод динамических данных

Сайт СМИ 500 тыс. уникальных посетителей за месяц 1 млн. страниц просмотрено за месяц 100 тыс. материалов на проекте Виртуальный хостинг: 1 гб ОЗУ Дополнительно: разделение полной и мобильной версии, архивирование и разгрузка БД

Промо-сайт с голосованием крупной сети гипермакетов 500 тыс. уникальных посетителей за месяц 800 тыс. страниц просмотрено за месяц Ежедневная регистрация пользователей и голосование за проекты Виртуальный хостинг: 512 гб ОЗУ

Подарок: 500 рублей от WEB-NOW в SkyParkCDN!

Зарегистрируйтесь на сайте skyparkcdn.comОтправьте e-mail на support@skyparkcdn.com с кодовым словом WEBNOWПолучите на баланс 500 рублей.

Решение: Используйте JCH Optimize PRO Есть бесплатная версия! Или 29$ без ограничения на домены!

Denn@Web‐Now.pro8 (926) 633‐99‐31Web‐Now.pro