Весной 2010 года компания Google объявила, что будет учитывать фактор скорости загрузки страниц в своем алгоритме ранжирования поисковых результатов. «Быстрые сайты — довольные пользователи», — так в блоге Google описывались изменения, касающиеся алгоритма.
Ваша способность (как предпринимателя, ведущего деятельность в Интернете) повысить скорость вашего сайта зависит от того, насколько легко вы можете модифицировать некоторые технические параметры сайта и код нижележащей страницы. Эта статья рассказывает о том, как можно управлять скоростью сайта, а также дает рекомендации в отношении изменений, которые помогут увеличить эту скорость.
Если вы только начинаете заниматься электронной коммерцией, скорость страниц не является вашим приоритетом. Вам гораздо важнее разработать качественное содержание. Однако если вы стремитесь к конкурентному преимуществу, обеспечивая при этом наибольшее удобство для пользователей, вы наверняка захотите задействовать средства диагностики скорости и, соответственно, настроить ваш сайт.
Основные факторы скорости страницы
Предоставление доступа к вашему сайту
Отправную точку найти легко. Войдите в «Инструменты Google для веб-мастеров» (Google Webmaster Tools) и нажмите Labs > Эффективность сайта.
Аккаунт в «Инструментах Google для веб-мастеров» регистрируется бесплатно и очень просто. Этот инструмент существенным образом облегчает управление электронным бизнесом.
Если ваши страницы загружаются более 2 секунд, Google сочтет их медленными, и вам следует предпринять определенные действия. Медленная загрузка не означает, что Google не проиндексирует ваши страницы. Но если скорость загрузки превышает 2 секунды, стоит произвести структурные изменения сайта, чтобы повысить эту скорость.
Определение областей, нуждающихся в улучшении
В нижней части страницы «Эффективность сайта» в «Инструментах Google для веб-мастеров» находится ссылка на страницу инструмента Google Page Speed, доступного для Firefox или Chrome. Давайте рассмотрим основные моменты, касающиеся использования инструмента Page Speed. Для Firefox версии 3.6 и выше сначала потребуется расширение Firebug, которое устанавливается легко и бесплатно.
После установки Firebug и Page Speed сделайте следущее:
- Определите в Firefox ключевые страницы вашего сайта, которые вы хотите оценить.
- Откройте меню Инструменты > Firebug > Открыть Firebug (Tools > Firebug > Open Firebug)
- Нажмите на Page Speed
- Нажмите на «Анализ эффективности» (Analyze Performance)
Page Speed оценивает вашу страницу примерно по 30 критериям. Вы можете кликнуть на каждый пункт и получить детальную информацию от Google. Параметры, оказывающее наибольшее влияние на скорость вашей страницы, будут помечены красным символом. Давайте рассмотрим параметры, которые могут быть относительно легко изменены и которые могут дать наибольший результат для улучшения скорости ваших страниц.
Основные факторы скорости страницы
- Оптимизация изображения. С момента появления всемирной паутины метод уменьшения размеров изображений получил широкое применение. Убедитесь в том, что ваши изображения достаточно сжаты, и укажите размеры изображения в HTML-коде. Без этих размеров браузеру приходится тратить больше сил для загрузки страницы.
- Использование CSS и JavaScript. Веб-страницы прошли путь эволюции от простых HTML-документов к страницам с такими встроенными ресурсами, как каскадные таблицы стилей, скрипты, приложения стороннего разработчика и т.д. Не нужно сильно озадачиваться оптимизацией этих ресурсов, но если вы сможете эффективно организовать их работу, скорость загрузки страницы возрастет.
Объединение внешних файлов JavaScript и CSS — в целом хорошая вещь. Что касается практического момента, то лучше нагружать браузер меньшим количеством файлов. Инструмент Page Speed порекомендует сократить количество внешних файлов CSS и JavaScript, имеющих небольшой объем кода. Можно либо объединить эти файлы, либо переместить некоторую моделирующую информацию непосредственно в HTML-файлы. - Уменьшение HTML и CSS. «Уменьшение» касается сокращения дополнительного пространства и ненужных символов в исходных файлах. Можно свести вместе все пустые строки, которые вы добавили в HTML (а также излишние комментарии и другие посторонние символы). Если используется система шаблонов для конструирования сайтов, внесите несколько правок в шаблоны, и это может дать положительный результат.
- Кэширование в браузере. Программное обеспечение веб-сервера может отправлять информацию на веб-браузеры, чтобы помочь им кэшировать информацию и работать более эффективно. На большинстве платформ веб-серверов (например, Apache) можно отрегулировать атрибуты с заголовками “Expires” или “Cache-Control” для ресурсов, которые вы отправляете. Вероятно, вам будет нужно проконсультироваться с вашим провайдером хостинга или электронной коммерции, чтобы произвести эти изменения.
Инструмент Page Speed выявит множество других факторов. Если красных символов не очень много, то сайт в хорошей форме. Велика надежда на то, что с минимальными усилиями вы сможете существенно повысить скорость работы сайта.
Дальнейший анализ с Google Analytics
В мае 2011 года компания Google запустила компонент отчетности по анализу скорости как часть своей новой версии Google Analytics. Вы можете активировать этот новый инструмент в новой версии, если нажмете на значок «Новая версия» (“New version”) в верхней части любой страницы Google Analytics.
Чтобы использовать отчетность по скорости сайта, добавьте _gaq.push(['_trackPageLoadTime']); в код отслеживания Google, который появляется на каждой странице сайта. Этот кусочек кода указан в 4 строке скрипта:
01 var _gaq = _gaq || [];
02 _gaq.push(['_setAccount', 'UA-XXXXX-X']);
03 _gaq.push(['_trackPageview']);
04 _gaq.push(['_trackPageLoadTime']);
05
06 (function() {
07 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
08 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
09 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
10 })();
При добавлении этой дополнительной строки кода Google Analytics начнет сообщать время загрузки страниц. Отчет будет более детальным, чем в «Инструментах для веб-мастеров». Вы можете настроить фильтр для отчета, чтобы увидеть время загрузки в различных браузерах и разных географических регионах.
Другие области для улучшения скорости
Множество факторов, влияющих на скорость страниц, зависят от кода сайта. Если сайт сконструирован с использованием шаблона, есть вероятность того, что изменив несколько ключевых моментов, вы сможете решить некоторые проблемы, затрудняющие работу сайта.
Вот некоторые из моментов, которые необходимо проработать для повышения скорости:
1. Будьте в курсе изменений. Убедитесь, что веб-разработчик или провайдер знает о рекомендациях Google и предпринял шаги по обеспечению быстрой загрузки страниц. Google описывает эти изменения и дает рекомендации по повышению скорости страниц в статье «Измерить время загрузки страниц в программе анализа скорости сайта» (“Measure Page Load Time with Site Speed Analytics Report”).
2. Следите за средой хостинга. Контролируйте другие факторы в среде хостинга, влияющие на скорость загрузки сайта. Эти факторы могут включать трафик на сервере и количество других сайтов, пользующихся услугами того же хостера.
3. Обратите внимание на платформу. Некоторые платформы для электронной коммерции быстрее, чем другие. Если вам кажется, что основополагающий код вашей платформы слишком медленный, откройте другие сайты, использующие эту же платформу, и посмотрите, есть ли у них проблемы со скоростью загрузки.
4. Проверьте вашего хостера. Если вы считаете, что сервер или компания-хостер работает слишком медленно, разместите одну из страниц и связанные с ней ресурсы на другом сервере. Проведите тесты на скорость и посмотрите, есть ли разница.
5. Улучшайте хостинг по необходимости. Трафик сайта значительно увеличился за последние годы? Вероятно, хостинг стоимостью в 10 долларов в месяц больше не располагает ресурсами, необходимыми для обслуживания вашего сайта. Ваш сайт при этом может работать, но его производительность будет слишком медленной, потому что ему приходится довольствоваться ограниченным количеством ресурсов. Подумайте об улучшении параметров хостинга по мере роста вашего сайта и бизнеса.
Заключение
Веб-сайты становятся все более и более сложными. Использование хороших методов в создании кода для страниц и управление настройками хостинга являются важными компонентами успеха вашего бизнеса. Эти методы помогут занять достойные позиции в поисковых системах и, что еще важнее, создать сайт, способный быстро загружаться и работать на должном уровне для потребителей.
Автор — Майкл Стернс