Бесплатные курсы по it-профессиям на FreeTutorials.ru.

х
Наверх

Тестирование и оптимизация скорости загрузки сайта

Содержание:

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

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

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

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

Какое должно быть время загрузки сайта?

В идеале скорость загрузки сайта не должна быть дольше 2 секунд. Если показатель выше 5 секунд, это очень плохо, если выше 7 — нужно срочно принимать меры для увеличения скорости загрузки.

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

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

Сервисы для проверки

  • Google PageSpeed Insights — неплохой сервис, который оценит скорость загрузки в баллах, от 0 до 100. Показывает загрузку не только для компьютера, но и для мобильных устройств.  Кроме того, показывает рекомендации, часть из которых могут пригодиться. Я говорю «часть» просто потому, что многие рекомендации могут быть довольно бредовыми (например, уменьшить размер изображения на 500 байт и т.д.).

В целом, сервис полезный, поможет найти слабые места и укажет на ошибки, однако, если он выдает для вашего сайта низкий результат, то это еще не повод переживать. К примеру, скорость загрузки Youtube (сервис самого Google) для ПК показывает результат 69/100.

Результат проверки этого сайта:

PageSpeed Insights

В мобильных телефонах, есть проблемы, которые нужно устранить. Но на данном сайте более 90% посетителей сайта заходят с компьютеров, тем не менее, можно докрутить.

  • PR-CY также позволяет сделать проверку как версии для настольных ПК, так и для мобильных устройств. В целом, функционал практически полностью дублирует сервис от Google, но оценки могут сильно отличаться. Точно так же вам дадут рекомендации по оптимизации скорости загрузки вашего ресурса.
  • Pingdom Website Speed Test — один из лучших сервисов. Он позволяет протестировать скорость загрузки сайта их разных регионов мира, дает оценку от 1 до 100, кроме того, он очень подробно отобразит все типы контента (сколько они весят, грузятся и т.д.). С помощью этого сервиса можно очень легко найти отдельные элементы, которые могут замедлять скорость загрузки вашего сайта.

Есть и масса других сервисов, но трех, которые я упомянул, будет более чем достаточно. Остальные являются либо клонами вышеупомянутых, либо имеют более бедный функционал.

Причины низкой скорости загрузки сайта

Существует довольно много причин, из-за которых ваш ресурс может загружаться медленно. Я не буду рассматривать самые очевидные вроде медленного интернета у пользователя, поделать с этим вы все равно ничего не сможете.

Контент

Все предельно просто. Чем больше весит страница на вашем сайте, тем дольше она будет загружаться. Текстовый контент не имеет никакого значения, обычно речь идет о графике, анимации, видео, аудио, скриптах, модулях, плагинах и т.д. Здесь нужно сокращать размер всего, чего только можно. Конечно, если основным контентом на странице являются качественные фотографии, не стоит их сжимать до смешных размеров и очень плохого качества.

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

Также настороженно нужно относиться к контенту, который подгружается со сторонних ресурсов (карты, информеры погоды и т.д.). Если использование такого контента необходимо, то пользуйтесь крупными и хорошо зарекомендовавшими себя сервисами — и тогда проблем у вас не будет.

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

Хостинг

Хостинг довольно часто является причиной низкой скорости загрузки сайтов. Это могут быть как временные неприятности, так и постоянные. Конфигурации сервера могут не соответствовать нагрузке, которую дает ваш сайт, а это может вообще приводить к его неработоспособности. Интернет-канал хостера может быть недостаточно скоростным и не выдерживать большого количества посетителей. С этими проблемами могут столкнуться не только крупные порталы, но и молодые сайты, которые размещены на сервере, где есть множество других проектов.

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

Как увеличить скорость загрузки сайта

Каждый ресурс требует индивидуального подхода, однако есть несколько рекомендаций, которым стоит следовать еще на этапе разработки проекта.

Уменьшение числа запросов браузера

Для уменьшения количества запросов браузера необходимо:

  • Дать разрешение браузерам на кэширование данных. Особенно это будет актуально для сайтов с большим постоянным ядром посетителей, а также для тех, где преобладают статические элементы.
  • Иконки, кнопки и прочие небольшие изображения можно объединять в CSS-спрайты, таким образом, браузер не будет отдельно загружать каждую картинку.
  • Сжимайте, а также комбинируйте JavaScript и CSS-файлы. Если их объединить, то количество запросов браузера может сократиться очень значительно, и скорость загрузки сайта может вырасти довольно прилично. Для подобных целей существует специально разработанное программное обеспечение, например https://cakephp.org.

CSS-файлы в начале страницы

Если CSS-файлы будут размещены в начале кода страницы, то она будет загружаться постепенно. Это особенно актуально для «тяжелых» сайтов — так пользователь будет видеть, что загрузка идет. Если они будут внизу страницы, то пользователь может увидеть просто пустой экран, пока его браузер загружает ваш ресурс.

JavaScript в конце страницы

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

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

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

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

Рекомендую:

Если хотите получить перспективную профессию или освоить новый навык (будь то SEO, HTML, веб-программирование или даже мобильная разработка), то посмотрите ТОП-3 лучших онлайн школ:

  • Нетология — одна из старейших школ интернет-профессий. Основные направления — маркетинг, управление, дизайн и программирование;
  • GeekBrains — специализируется, в первую очередь, на обучении программистов. После интеграции в Mail Group появились и другие профессии;
  • SkillBox — наиболее молодая из 3-х перечисленных школ, но обладает наибольшим ассортиментом специальностей. Если услышали о какой-либо экзотической профессии, то наверняка этому уже обучают в Skillbox.

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

Дата размещения/обновления информации: 18.10.2017 г.
Сообщить об ошибке
Смотрите также
Оставить свой комментарий