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

Существует много примеров, в которых довольно большие проекты увеличивали приток пользователей на 15-20% только потому, что ускорили загрузку сайта на 10-20%. Согласитесь, не плохо.

Обнаружение причины

Воспользовавшись сервисами проверки скорости загрузки сайта (например, webpagetest.org), не составит труда обнаружить причину. Ниже приведены самые распространенные:

1. Падение хостинга, либо низкое качество серверов. Довольно распространенное явление. К самому сайту отношения не имеет и лечится обычно от нескольких часов до нескольких дней;

2. Использование неоптимизированных материалов или кода (базы данных, медиафайлы, скрипты/плагины, шрифты). Такие материалы зачастую весят непомерно много и естественно просаживают общую скорость загрузки. Если нет возможности использовать видео и картинки маленького размера, стоит начинать подгружать подобные элементы после загрузки DOM-дерева;

3. Не настроено кэширование данных. Кэширование помогает ускорить загрузку отдельных элементов путем загрузки их не с сервера, а из браузера юзера. Довольно полезный пункт, который актуален для пользователей, которые заходят на сайт не первый раз и при этом не чистят кэш браузера. При разработке сайтов в Киеве у компании Shine Design, таких проблем точно удастся избежать.

Что можно сделать?

На данный момент, в сети существует довольно много ресурсов, которые предлагают услуги по простой оптимизации.

Для начала стоит узнать скорость загрузки сайта. Для этого можно воспользоваться тем же webpagetest.org. Ресурс предлагает бесплатно измерить скорость загрузки как страницы в общем, так и отдельных её элементов, таких как файла стилей, DOM-оболочки, каждой картинки и других медиафайлов. Кроме измерения теста, доступна еще масса инструментов для разработчиков. Иногда такие тесты предлагает сам хост провайдер.

Сейчас на фоне быстрого прогресса стилей, пользователи все чаще используют фотографии большого разрешения и глубины цвета. Весят они, конечно, не мало и для юзеров с низкой скоростью соединения загрузка таких элементов будет означать по 10-15 секунд ожидания, в лучшем случае. Чтобы этого избежать, следует подвергнуть большинство используемых фоновых изображений оптимизации. Например, сервис compressjpeg.com позволяет сжать любые изображения формата *.jpeg практически в два раза. Процедуру сжатия картинок стоит проделать с большинством изображений на сайте.

По материалам Shine Design

Комментировать статью: