More Related Content
What's hot
What's hot (11)
Viewers also liked
Viewers also liked (6)
Similar to Как ускорить сайт и повысить продажи
Similar to Как ускорить сайт и повысить продажи (20)
More from rusonyx
More from rusonyx (7)
Как ускорить сайт и повысить продажи
- 1. Как ускорить сайт и повысить продажи. Практические приемы на примере интернет- магазина 1С-Битрикс. Андрей Шварцкопф Федеральный семинар
- 2. 10 секунд – много или мало?
- 3. Время = деньги! 1 сек = -7% конверсии
- 4. Что замедляет сайты? Посетитель сайта = посетитель ресторана
- 5. Меню = страница сайта В среднем около 100 блюд файлов для отображения одной страницы интернет-магазина
- 6. Огласите весь список Браузер запрашивает список необходимых для отображения страницы файлов у сервера
- 7. Медленное обслуживание Кухня хостинг в Амстердаме Официант идет вразвалку Медленные каналы связи Блюда файлы поступают не вместе, а по одиночке Блюда данные приходят в неверном порядке Слишком много посетителей ресторана сайта
- 8. Кухня = хостинг Мало опыта Нет оптимизации Мало поваров Слабое оборудование Рецепт разработка сайта не позволяет быстро готовить Меню PHP-страница генерируется индивидуально для каждого посетителя
- 9. Есть за что отблагодарить? Чаевые = конверсия
- 10. Семь раз отмерь…
- 11. Sitespeed.ru
- 13. Webpagetest.org – для профи
- 14. Области воздействия • Снижение времени на соединение • Ускорение генерации страницы на сервере • Оптимизация объема и процесса отображения содержимого страницы
- 15. 1-й шаг Выбрать Дата-центр ближе к посетителям сайта Москва = Москва
- 16. Рекомендованный хостинг Тонкие настройки для 1С-Битрикс Nginx APC Gzip KeepAlive Expires PHP DB
- 17. Производительные тарифы: Выделенный повар и официант VPS с обслуживанием или выделенный сервер – страховка против «сабантуя у соседей». Здесь есть где развернуться и расти.
- 18. Качественная разработка сайта = «быстрые» рецепты • Bitrix-API • Отладка • Спрайты • DB • Кэши • И многое другое
- 19. Сжимайте изображения Используйте правильные инструменты для сжатия
- 20. Подключайте CDN Чтобы официанту не бегать лишний раз на кухню
- 21. Проверяем результаты Битрикс: Монитор производительности + Sitespeed.ru Обсуждение и доработка со всей командой «ресторана»: разработчиками, хостерами, дизайнерами и контент-менеджерами
- 22. Скорость сайта = Продажи!
- 23. Полезные ссылки Почитать: Исследование факторов, влияющих на скорость загрузки сайтов. Rusonyx (рус) Инициатива Google: Make The Web Faster (eng) Подборка кейсов, публикаций, инфографики (eng) Протокол SPDY (Google) Измерить и оценить: SiteSpeed.ru – сервис на русском + подробный отчет с рекомендациями WebPageTest.org (eng) – профессиональный сервис PageSpeed Insights (eng) – сервис Google Yslow (eng) – плагин для браузеров. Измеряет и дает рекомендации (Yahoo) Уменьшить изображения без потери качества: Smush.it (Yahoo) Использовать в аналитике: About Site Speed (Google Analytics) Поэкспериментировать (админам): mod_pagespeed (apache)
- 24. Спасибо за внимание! Андрей Шварцкопф as@rusonyx.ru Русоникс – Хостинг, где сайты работают быстро! www.rusonyx.ru twitter.com/rusonyx facebook.com/rusonyx vk.com/rusonyx
Editor's Notes
- Здравствуйте, меня зовут Андрей Шварцкопф, я руковожу компанией Русоникс, которая является хостинг-провайдером. – На наших технических площадках размещаются сайты. Мы будем говорить о скорости работы сайта, и как это влияет на продажи. А также о том, как сделать так, чтобы страницы вашего сайта загружались максимально быстро. Обещаю не сильно вдаваться в технические подробности, а для технических специалистов будет больше деталей в конце презентации.
- Итак, для начала мы проведем небольшой эксперимент. Мне нужен один доброволец. Представьте себе, что вы идете по улице и спешите по делам, возможно опаздываете, и хотите быстро узнать время. Спрашиваете, пробегая у прохожего. „Не подскажете, который час?“. А теперь вопрос в зал: кто из вас бы стал вот так дожидаться 10 секунд, соизволит ли этот „странный“ человек вам ответить, или нет. Кто бы остался ждать чудака. Ведь может быть он ненормальный, или не живой уже совсем? Кто бы ждал, Поднимите руки – ага, процентов 50% уже бы ушли. Именно столько времени – 10 секунд загружается в браузере типочного пользователя около половины сайтов - интернет-магазинов, как показывают наши тесты. Казалось бы немного. Но и люди ведут себя в интернете так же, как и этот прохожий, они долго не ждут и бегут дальше. Особенно нетерпеливы клиенты, заходящие из поисковика, например по контекстной рекламе, по клику, за который вы заплатили два доллара или больше. Ваши конкуренты находится всего лишь в двух кликах дальше, поэтому долго ждать для клиента нет смысла – желающих продать ему аналогичный товар достаточно.
- Даже если клиент дождался загрузки первой страницы и зашел на сайт, проблема остается. Почему? Все сайты создаются с какой-то целью. Владельцы сайта ожидают какого-то действия от посетителя - потенциального клиента – будь то заказ товара, звонок, заполнение анкеты, платеж и т.д. Это целевое действие называется конверсией – наверно это для всех присутствующих хорошо известное понятие. Так вот, конверсия, в большинстве случаев это продажа, страдает от медленной загрузки сайта. Чем медленнее сайт, тем хуже продажи. Есть статистика, по которой каждая дополнительная секунда загрузки обходится ухудшением конверсии на 7%. То есть можно предположить, что если сайт грузится вместо 5 секунд 15, то такой сайт может терять до половины потенциальных заказов. Конечно, это зависит от отрасли и лояльности клиентов, но тенденция везде сохраняется. Похожие цифры публиковал и самый крупный онлайн-ритейлер мира Амазон: одна секунда замедления обходилось им падением продаж на 10%. Кстати, сайт amazon.comдо сих пор является одним из самых быстрых в американском ритейле – для компании скорость сайта это фактически конкурентное преимущество. Как вы думаете, если амазон над этим целенаправленно, стоит ли нам тоже об этом задуматься? Подводя итог, можно сказать, что, ускорив медленный сайт, можно повысить продажи.
- Теперь подходим к вопросу, почему же некоторые сайты – медленные, а некоторые – быстрые. Из каких составляющих складывается все это время загрузки и как на это можно повлиять? Чтобы не слишком загружать вас техническими сложностями, воспользуюсь снова сравнением с каждодневной реальностью в офлайне.Представьте себе, вы вышли на обеденный перерыв, между важными делами идете наскоро пообедать в близлежащий ресторан, на бизнес-ланч. Итак, вы заходите в ресторан, садитесь за столик, и начинаете ждать, пока вам принесут меню. Представьте себе, что посетитель ресторана - это посетитель сайта: он ввел адрес вашего сайта в браузер или кликнул на ссылку в поисковике – начинает ждать. Так вот, здесь уже заметна разница, в некоторых ресторанах меню приносят очень быстро или сразу, когда сажают. А в других – нужно иногда ждать минут 10-20.
- Но это еще не все. Меню – это список блюд, которые вам могут принести. В примере с сайтом, это так называемая PHP или HTML страница, которая запрашивается браузером и приходит в первую очередь. В этой странице, кроме текста, который виден на сайте, содержится список всех изображений, стилей и служебных файлов, которые необходимы для корректного отображения страницы в браузере. На каждой странице типичного интернет-магазина содержится около 100 таких файлов.
- Следующий шаг: посетитель, изучив меню, заказывает блюда у официанта. Официант заносит список заказанных блюд в блокнот и идет на кухню, передать заказ повару. В то же время в мире сайтов браузер идет по списку, пришедшему в первом файле, и „заказывает“ необходимыефайлыусервераиждет, покаонибудутпоступать. Сервер – этоподключенныйкинтернетукомпьютерсмощнымпроцессоромибольшимдиском, накоторомразмещеныданныевашегосайта. Серверамиуправляютхостинг-провайдеры, какмы.
- На данном этапе тоже могут возникать задержки:кухня может находиться где-нибудь через дорогу, и официанту туда далеко идти (на языке сайтов: сайт размещен на хостинге далеко, за границей)официант может ходить очень медленно, или же он может быстро бегать (сигнал идет к хостинг-провайдеру по каналам связи медленно или быстро)официант может приносить все отдельно: стаканы, прибор, салат, суп, второе, десерт. Или принести все на подносе за один раз (файлы можно объединять и передавать по сети целой группой, а не поодиночке. Это могут быть, например, спрайты для изображений, или совмещенные файлы для стилей и скриптов)блюда должны поступать в определенном порядке, если их не приносят вместе. Вы же не начнете с десерта и закончите супом? Так и порядок поступления файлов сайта тоже важен. Без стилей и скриптов невозможно отображать страницу в браузере, даже если все картинки загружены. Порядок загрузки влияет на скорость отображения в браузере.Этот ресторан наполнен посетителями и здесь так мало официантов, что вы постоянно наблюдаете, как ваш официант проходит мимо вас и обслуживает соседей. Применимо к сайтам это будет означать, что нагрузка на сайт высокая, и ресурсов выбранного вами хостинг-тарифа недостаточно для количества ваших посетителей на сайте. Чтобы ускорить процесс обслуживания, можно ходить в ресторан, где у вас будет отдельный официант и отдельный повар. Это сравнимо с виртуальным или физическим сервером, который дает вам выделенные ресурсы и избавляет от нагрузки, которую могут создавать соседи.
- Самое интересное только начинается: а что же происходит на кухне (то есть на серверах у хостинг-провайдера)? здесь бывают очень разные варианты обслуживания, которые могут значительно ускорять или замедлять процесс. Как быстро повар (хостер) выдает готовые блюда (файлы сайта), зависит от качества оборудования, отлаженности процессов, существующих заготовок и настроек, от количества заказов на одного повара (клиентов хостинга на одном сервере)скорость изготовления зависит от самих блюд и их рецептов (особенности разработки сайта тоже влияют на скорость, а это уже зона ответственности веб-студии) в жизни меню всегда уже готово и его быстро приносят. В мире техники меню для каждого посетителя (PHP-страница) создается для каждого запроса посетителя индивидуально и заново при участии официанта, повара и администратора (браузер, хостинг и разработчик сайта).
- Предположим вам не повезло – вы ждали полчаса только меню, потом официант приносил каждое блюдо отдельно, в час по чайной ложке, причем в обратном порядке, при этом постоянно обслуживая многочисленных других посетителей, ссылаясь на то, что приготовление блюда затягивается еще минут на Вопрос: вы дадите этому официанту чаевые? И будете регулярно приходить сюда на бизнес-ланч? Поднимите руки! – Да, вижу, большая часть не станет мириться с таким обслуживанием и будет ходить в другой ресторан. Если все это применить к сайту, то снова подтверждается тот факт, что клиенты на медленных сайтах менее охотно покупают и реже возвращаются.
- Что же делать, с чего начать, чтобы ускорить сайт?Прежде чем что-либо изменить, нужно начать с замеров, чтобы потом было с чем сравнивать и отслеживать результаты. Есть множество сервисов проверки скорости сайтов, большинство из них бесплатны. Главное, что нужно измерять полную загрузку всех файлов данной страницы и ее отображение в реальном браузере типичного пользователя всех файлов – не все сервисы эту возможность предоставляют. Практически у каждого сайта установлена отслеживающая поведение пользователей система Google Analytics. Кроме всего прочего Здесь для всех страниц вашего сайта фиксируется время загрузки, преимущество данного сервиса в том что здесь можно наблюдать, как изменялся этот показатель в последние месяцы.
- Другойсервис, которыймыможемвампорекомендоватьэтоSitespeed.ru. Расскажукороткообисторииданногосервиса. Sitespeed.ruбылразработаннашейкомпаниейвпрошломгоду. Когдамыпроводилиисследованиефакторов, влияющихнаскоростьсайтов, мыненашливроссийскоминтернетесоответствующихинструментов. Кстати, обисследовании, думаючтоэтотожебудетинтересно. Мывзялитиповойинтернет-магазин 1С-Битрикс, иподнагрузкой, типичнойдляпосещаемогосайта, провелиболее 200 экспериментовна 20 различныхконфигурацияхсерверного ПО. Такимобразоммыопределилииделаьныенастройкидляскоростисайтавреальныхусловияхнаконкретноймоделиинтернет-магазина. Этизнаниялегливосновунашейтехнологииускорениясайтов МIG, которую мы применяем на нашем хостинге для сайтов наших клиентов. К чему я это рассказываю? В результате данного исследования мы на практике проверили различные варианты оптимизации скорости сайтов. Это помогло сайтам наших клиентов, но нам хотелось предоставить эти знания более широкой публике. Тогда мы сделали сервис тестирования сайтов sitespeed.ru, который не только тестирует на скорость.
- Сервис выявляет все узкие места данного сайта и предоставляет подробные рекомендации по улучшению в развернутом PDF-отчете, который разбит на разделы для руководителя, для разработчиков и сисадминов, для контент-менеджеров, которые наполняют сайт. Все это совершенно бесплатно.
- Для профессионалов, которые сами хотят детально разобраться в исходных данных, лучшим сервисом является на наш взгляд Webpagetest.ru. Этотинструментпокрупицамразбираетвсесоставляющиеипредоставляетмассудополнительнойинформациидляпрограммистов, верстальщиковисистемныхаминистраторов.
- Всеметодыускорениясайтовможноразделитьнатригруппы:
- выбирайтехостера, дата-центркоторогорасположенкакможноближетерриториальнокпосетителямвашегосайта (чтобыофициантудалеконебегать)Тоесть, есливыработаетевосновномпоМоскве, товозможнонецелесообразнобратьдата-центрвАмстердаме.
- выбирайтерекомендованных 1С-Битрикс хостеров, которыеделаютоптимальныенастройкидляскоростисайтовЧтодолженсделатьхостер: установить быстрый сервер nginx, подключить акселератор APC, включитьсжатиестраниц, открытоесоедниение, заголовкидлякэшированиявбраузере, имногоедругое
- выбирайтепроизводительные, масштабируемыетарифы (безпереноса, смены IP адресов), напримервиртуальныйиливыделенныйсерверсТогдавыбудетенеограниченывколичествепосетителейнасайтеи „сабантуйувашихсоседей“ незамедлитвашсайт.
- требуйте от разработчиков использования всех техник ускорения (если в самом рецепте блюда предусмотрены трудоемкие процессы, то как бы повар ни старался, ). Это могут быть спрайты для картинок, кэширование, оптимизация скриптов и баз данных и многое другое
- сжимайте картинки максимально возможно без ухудшения качества (для этого тоже существуют специальные сервисы, ссылка в конце презентации)
- подключайте CDN в административной панели 1С-Битрикс – это будет действовать так, что основные блюда вашего обеда будут находится максимально приблеженными к вашему столу (файлы изображений и стилей хранятся на распределенных серверах вблизи от точки входа пользователя)
- Проходите все сначала, пока не достигнете заметных улучшений.
- Получаем результат!
- Здесь собраны ссылки, по которым можно прочитать дополнительную полезную информацию.Все желающие могут получить эту презентацию со ссылками при одном условии:Если вы сегодня пойдете на один из наших аккаунтов в соцсети, и присоединитесь к нам в качестве друзей или читателей, ну и конечно, напишете, что хотите презентацию.
- Нашиоптимизированныеподскоростьтарифыможновыгодноприобрестичерезнашегопартнераинтернет-агентство Инсайд, получивхостингбесплатнонаодинмесяц. Иприглашаювперерывепроверитьсайтнаскорость, самыйбыстрыйсайтполучитхостингпотарифуСервербеззаботнаодингод (истанетещебыстрее! ? :)) Теперьяготовответитьнавашивопросы!