У вашего сайта есть всего несколько секунд, чтобы произвести впечатление на посетителя. И если она не загрузится за это время, они могут уйти навсегда. Поскольку вы уже знаете, что быстрые веб-сайты увеличивают конверсию, то для вас должно быть очевидным, что медленные сайты добиваются ровно противоположных результатов. Вопрос состоит в том, как ускорить медленный сайт.
Найти источник проблемы
Google Page Speed
У вашего сайта на самом деле есть проблемы со скоростью? Есть два отличных средства для выяснения этого — расширение Google Page Speed или расширение Yslow (вы можете использовать их совместно в онлайн-режиме через GTMetrix). Введите URL, запустите составление отчета, и вы получите моментальный снимок всех «узких мест» своей веб-инфраструктуры. После этого вам, возможно, придется приступить к «зачистке» некоторых из перечисленных ниже областей.
Пользователь WordPress, берегись
P3 в действии
WordPress мне нравится своей почти бесконечной расширяемостью, однако это качество может полностью обездвижить ваш сайт — это я выяснил ценой собственных ошибок. Проведите опрос среди неподкованных в техническом плане пользователей WordPress, тех, кто не программирует для своих целей, и вы, вероятно, обнаружите, что у них имеется не менее двадцати плагинов, которые эти пользователи используют для обеспечения работы различных прибамбасов. Когда вы видите на чьем-либо сайте какой-нибудь понравившийся вам элемент, то всего через минуту-другую вы можете добавить его на свой сайт. Однако необходимо при этом придерживаться каких-то границ. Проведите аудит плагинов и выясните какие именно из них в максимальной степени воздействуют на быстродействие сайта. Подходящим инструментом для этого является Р3 (Plugin Performance Profiler). Вы можете использовать его для устранения источников проблем (и не забудьте отключить его после окончания работ).
Не прибавляйте — удаляйте
Передовые практики и правила повышения производительности вебсайтов
Группа Exceptional Perfomance из Yahoo разработала 34 правила, которые связаны с быстродействием веб-страниц. Методика анализа веб-страниц YSlow проверяет соблюдение 23 из этих 34 правил.
1. Минимизируйте HTTP запросы
2. Используйте сети доставки контента
3. Избегайте использования пустых src или href
4. Добавляйте в заголовок информацию, управляющую кешированием или истечением срока действия
5. Сжимайте компоненты
6. Размещайте стили вверху
7. Размещайте скрипты внизу
8. Избегайте CSS выражений
9. Держите JavaScript и CSS в отдельных файлах
10. Уменьшайте количество DNS-запросов
11. Минимизируйте скрипты и стили
12. Избегайте переадресаций
13. Удаляйте дублирующие друг друга скрипты
14. Настраивайте Etags
15. Кешируйте Ajax
16. Используйте GET для Ajax-запросов
17. Уменьшайте количество DOM элементов
18. Никаких 404-х
19. Уменьшайте размер cookies
20. Используйте для компонентов домены без cookies
21. Избегайте использования фильтров
22. Не масштабируйте изображения в HTML
23. Сделайте favicon.ico небольшим и кешируемым
Из руководства Yahoo для увеличения производительности сайта
В отношении внешнего вида сайта следует применить тот же принцип сокращения. Все, что вы добавляете на свой сайт, делает его еще медленнее. Абсолютно все. Запустите свой любимый измеритель скорости, и вы обнаружите, что все эти «клевые» дополнительные компоненты — выпадающие панели типа Hello Bar, распространяемые различными компаниями вставки кода, осуществляющего аналитику сайта, плагины для комментирования, глобально распознаваемые аватары, формы подписки и вставки кода от сайтов-партнеров — тормозят ваш сайт. Шрифты Google, перевод с помощью Google, кнопка Facebook, загрузки через Dropbox — все они могут «откусывать» свой кусок от быстродействия сайта. Постарайтесь уменьшить запросы к серверу, убрав все, что вам не нужно.
За кулисами
Некоторые темы и дизайны сайтов под завязку набиты SEO компонентами, кнопками социальных сетей и буквально всем, что вам может когда-либо понадобиться. Выберите себе такую тему или дизайн, и вы сможете посоревноваться в раздутости с самым монструозным программным обеспечением. Чем меньше вызовов к вашей базе SQL будет делать система, тем будет выше быстродействие вашей страницы, и это может даже поднять индекс скорости вашей страницы с ужасного F до пристойного C или более высокого. Конечно, не все темы одинаковы — некоторые из них действительно могут влиять на скорость загрузки страницы. Не верите? Я провел тестирование своего блога с помощью Yslow. В результате выяснилось, что в половине случаев источником проблем являлись изображения темы Thesis для WordPress, что весьма меня удивило — она считается одной из лучших среди имеющихся тем. К счастью, недавно была выпущена новая версия темы, в которой был устранен ряд проблем с быстродействием.
Доставка контента
Еще одним способом увеличения производительности сайта является использование сетей доставки контента (CDN). Их насчитывается довольно много, однако всех их объединяет одно — они кэшируют и выдают ваш контент, храня его в различных местах и таким образом обеспечивая быструю доставку. Некоторые из них применяют и другие средства для увеличения скорости загрузки ваших страниц. Cloudflare, например, имеет встроенные инструменты для минимизации и оптимизации HTML, Javascript, CSS и изображений — и все это помогает увеличить быстродействие страницы. Вы также можете определить, сколь долго посетители будут видеть кэшированную версию страницы. Cloudflare можно еще использовать для блокирования спамеров и ботов — эта функция, кстати, изначально была основной. Все это непередаваемо ускорит вашу страницу, а значит, посетители скорее всего будут оставаться на ней.
И в заключение — о вашем хостинге
Если в конце концов вы сделали все, что было в ваших силах, а сайт остается медленным, возможная причина — ваш хостинг, в особенности, если это виртуальный хостинг. Некоторые из них вводят такие ограничения для вашего сайтов, что он еле дышит, а это не может не повлиять отрицательно на ваш уровень конверсии.
А теперь — действуйте!
анализ GTMetrix сайта Mozilla
Теперь вкратце напомним шаги, которые следует предпринять для обнаружения и устранения проблем, связанных с быстродействием страниц:
1. Проведите тестирование своей страницы с помощью измерителя скорости страницы типа Yslow.
2. Проанализируйте плагины WordPress с помощью P3 и устраните причины перерасхода памяти.
3. Удалите с сайта ненужные плагины и вставки кода.
4. Упростите дизайн своего сайта или тему блога.
5. Рассмотрите возможность использования CDN.