Самостоятельная раскрутка сайта uCoz
Главная » Раскрутка сайта uCoz » Подготовка к продвижению


Скорость загрузки сайта. Анализ, причины и оптимизация скорости


Скорости загрузки сайта

В этой статье вы узнаете, как влияет скорость загрузки страниц на раскрутку сайта, как ее оптимизировать и сделать ваш веб-ресурс быстрым и максимально доступным любому пользователю сети.


Наверняка вы обратили внимание, что одни сайты интернета открываются быстро, а другие требуют подождать некоторое время до полной загрузки страницы сайта. Иногда это время настолько затягивается, что вы просто вынуждены закрыть сайт так и не дождавшись его полного открытия…

Такой важный параметр как скорость загрузки страницы влияет не только на юзабилити сайта, но и на его SEO продвижение.

Например, поисковая система Google предпочитает поднимать в выдаче более «легкие» сайты, так как это помогает пользователю получить необходимую информацию в самые короткие сроки (вы же знаете, что время – это деньги. Гугл тоже это знает). Скорость загрузки сайта влияет на показатель отказов и глубину просмотра, которые считаются поведенческими факторами. Чем быстрее будет загружаться ваш сайт, тем эти показатели будут лучше.

Средняя скорость загрузки сайта (страницы) не должна превышать 4-х секунд (тут все зависит от конкретной страницы и ее содержимого). Самым оптимальным вариантом будет скорость до 2-ух секунд. Но в любом случае, чем быстрее скорость загрузки сайта – тем лучше.


Как анализировать скорость загрузки сайта.

Чтобы измерить скорость загрузки страниц сайта можно воспользоваться дополнением для браузеров FireFox и Google Chrome под названием Page Speed от Google.


Зайдите на свой сайт и в меню браузера выберите: Веб-разработка – Firebug – Открыть Firebug. Внизу страницы появится окошко с функциями этого дополнения (или откроется в новом окне), где вы увидите вкладку с названием «Page Speed».


Page Speed для FireBug

Нажмите кнопочку «Analyze Performance», после чего дополнение измерит скорость загрузки страницы и выдаст результат.


Результат анализа Page Speed

Этот результат представлен в виде уникальной шкалы «Page Speed Score», где скорость загрузки измеряется от 0 до 100 единиц. И чем выше эта цифра, тем быстрее загружается ваш сайт. Добиться результат в 100 единиц практически невозможно, но я считаю, что качественный сайт не должен содержать менее 80-ти единиц по данной шкале.

Ниже вы увидите рекомендации по увеличению скорости загрузки страниц. Каждая ссылка ведет на страницу с подробным описанием рекомендации (на английском языке), а рядом с ссылкой вы увидите маленький синий треугольничек, клик по которому откроет советы по оптимизации скорости загрузки для конкретной страницы (которую проверяли).




Советы Page Speed по оптимизации скорости

Я не буду описывать каждый пункт, так как их много и большинство из них не решаются в uCoz или решаются очень долго и технически сложно (нужно знать JavaScript), лучше я дам свои личные советы, которые помогут повысить показатель Page Speed. Если вам очень интересно самостоятельно во всем разобраться, то вы сможете через поисковые системы найти информацию по каждому из пунктов на русском языке.

Лично я использую Page Speed только для поверхностного анализа, получения советов и уже готовых оптимизированных файлов (скриптов, картинок и стилей CSS).

Для меня намного важнее конкретная скорость загрузки сайта. Чтобы измерить ее я пользуюсь онлайн сервисом Pingdom Website Speed Test.


Онлайн сервис для проверки скорости загрузки страниц

Тут необходимо вставить URL страницы и нажать на кнопочку Settings.

Уберите галочку с «Save test and make it public» (сохранить результат и сделать его публичным) и поставьте маркер в Amsterdam, Netherlands (средняя скорость загрузки сайта для европейцев). Нажмите «Test Now»


Настройка анализа

Сервис проведет анализ и выдаст вам результат:


Результат времени загрузки сайта

Perf. grade - примерно тоже что и показатель в Page Speed
Requests – количество запросов браузера к серверу
Load time – время загрузки страницы сайта
Page size – «вес» страницы

Строка «Your website is faster than 79% of all tested websites» значит, что "Ваш сайт работает быстрее, чем 79% всех тестированных сайтов".

Ниже вы увидите, какие конкретно файлы вашего сайта загружаются дольше всего.


Время загрузки конкретных файлов сайта

Данный анализ необходимо проводить несколько раз для одной страницы и самостоятельно вычислять среднее значение.


Что влияет на скорость загрузки страницы сайта и как это оптимизировать?

Главная цель оптимизации скорости загрузки страниц – максимально уменьшить количество HTTP запросов к web-серверу и облегчить браузеру просмотр HTML странички полученной в качестве ответа на этот запрос.


Ниже представлены рекомендации как увеличить скорость загрузки сайта созданного в системе uCoz, разберитесь что «тормозит» ваш сайт и исправьте это.


Графика и изображения.

Главной причиной долгой загрузки страницы является наличие «тяжелых» графических элементов и изображений, а так же их чрезмерное количество. Анализировать и вносить поправки нужно на каждой продвигаемой странице, в том числе в шаблоне «Вид материалов».

Сюда входит:

  • Оптимизация веса изображений и их повторное «залитие» на сервер хостинга.
  • Оптимизация размера используемых изображений в будущем.
  • Объединение изображений в CSS спрайты.
  • Уменьшение количества изображений на странице.
  • Загрузка ВСЕХ изображений к себе в файловый менеджер.
  • Полный отказ от флэш-графики на страницах.

Поясняю: допустим, вы продвигаете (оптимизируете) страницу категории, на которой выводятся 10 материалов. Так вот, постер каждого из этих 10 материалов нужно оптимизировать, так как скорость их обработки влияет на общую скорость загрузки страницы категории. Материалы, находящиеся на 2, 3, 4 странице (если вы воспользуетесь переключателями) или на странице результатов сортировки - уже не принадлежат странице категории и не учитываются для нее. Более подробно про оптимизацию изображений я написал отдельную статью.


Скрипты.

Браузер считывает страницу сверху вниз и по мере попадания к нему «на глаза» скриптов, ему требуется время, чтобы обработать каждый из них. Только после обработки кода JavaScript, браузер продолжает «чтение» страницы дальше. Для решения проблемы необходимо оптимизировать ВСЕ скрипты.

Сюда входит:

  • Удаление лишних скриптов.
  • Загрузка всех исполняемых файлов (скриптов) на свой сайт.
  • По возможности вынос кода скриптов в самый низ страницы.

Так же как для изображений необходимо анализировать каждую страницу. Начните оптимизацию с глобальных блоков, а затем переходите к основным модульным шаблонам. Более подробно о том, как оптимизировать JS скрипты я также написал отдельную статью.


Объем HTML и CSS кода.

Этот фактор не очень сильно влияет на скорость загрузки, но, тем не менее, я советую максимально сократить объем кода.

Сюда входит:

  • Вынос CSS стилей из HTML кода в соответствующую таблицу стилей.
  • Отказ от использования импорта кода в таблице стилей.
  • Удаление пробелов и переносов строк в кодах HTML и CSS.
  • Удаление лишнего кода (HTML тэгов) и неиспользуемых стилей из таблицы.
  • Исправление HTML ошибок.

Это в любом случае сыграет плюсом в продвижении и в удобстве управления сайтом, а так же позволит вам включить в код больше полезной текстовой информации (на объем кода в uCoz есть ограничения). Читайте отдельный пост про оптимизацию HTML кода.


Как ускорить свой сайт сразу?

Выше я перечислил основные причины долгой загрузки сайта и дал советы для ее ускорения, которые может воплотить в реальность любой пользователь более-менее знающий HTML и CSS. Но мои окончательные рекомендации будут сводиться к самым истокам создания сайта – к выбору шаблона для сайта. При выборе шаблона вы должны его комплексно проанализировать и выявить ошибки и недочеты, проверить скорость загрузки и кроссбраузерность. Если ошибок слишком много, а скорость загрузки ничтожная, то откажитесь от этого шаблона – мой вам совет!

Так же советую пользоваться оплаченными услугами хостинга, чтобы при загрузке страницы не происходило подключение лишней графики и скриптов, служащих для отображения рекламного баннера uCoz. Отключение рекламы повышает скорость загрузки страницы на 20-30%.


Анализируйте не только главную страницу, но и все остальные страницы сайта (страницы разделов и категорий, страницу материала и комментариев к нему, шаблон вида материалов и прочие участки шаблона). Учитывайте то, что страница фотоальбома или с большим количеством графических элементов будет открываться чуть дольше, чем простая статическая страница. Учитывайте, что для админа сайта Page Speed покажет один результат (учитывается скорость загрузки административной панели), а для гостей - другой.


Оптимизируйте каждый скрипт, каждую точку, каждый символ, каждую картинку (даже весом 5Kb) и всегда вспоминайте поговорку: «Копейка рубль бережет!». Если ваш сайт удовлетворяет временные показатели скорости загрузки страницы, то все равно рекомендую провести оптимизацию, так как это только улучшит ваш сайт.

Поделитесь записью в социальных сервисах!






Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Быстрый вход ]







Опрос
Ваше отношение к uCoz?

Всего ответов: 750
Ваш профиль
Вся информация на этом сайте предоставляется бесплатно и без регистрации, но для того чтобы принимать участие в обсуждениях и комментариях необходимо зайти на сайт под своим именем (uID) или зарегистрироваться.
Новые пользователи