View
1.173
Download
7
Category
Preview:
Citation preview
Цель:Повысить конверсию Вашего сайта!
Рассмотреть методы и инструменты по оптимизации вашего сайта.Провести оптимизацию реального проекта на 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$ без ограничения на домены!
Recommended