14 факторов, влияющих на скорость загрузки сайта

Сегодня на просторах Интернета наблюдается своеобразное противоречие между требованиями, предъявляемыми к современному сайту.
- Посетители желают видеть насыщенное красочное оформление, даже на дисплеях Retina. Они предлагают пользователям увеличенную картинку высокого качества, что значительно сказывается на размере изображения.
- Поисковые системы требуют быстрых страниц, по максимуму наполненными текстовой информацией. Расход байтов трафика приходится на текст, а не на графические элементы.
- Появление сайта в результатах поиска напрямую зависит от оригинальности и эффектности его содержания. Если ваш контент не «зацепит» посетителя, им не захотят делиться или оставлять ссылку на стороннем ресурсе, что значительно снизит его популярность вашего ресурса в общем рейтинге.
В интересах каждой компании – отвечать всем поставленным требованиям. Для этого нужно понимать, как загружаются веб-страницы и где могут прятаться неожиданные сложности.
1. DNS для доменов
При запросе страницы ее домен пропускается через DNS-систему. Этот процесс крайне быстр, однако время поиска можно еще больше сократить, используя управляемую DNS-службу.
2. Оптимизация базы данных
В современной системе управления содержимым крайне важно организовать базу данных таким образом, чтобы максимально эффективно использовать время при запросе и обмене информацией во время некэшируемых посещений.
3. Распределение нагрузки
Существующие технологии позволяют направлять весь поток посетителей на несколько серверов одновременно, вместо того, чтобы нагружать один большим количеством клиентов. Благодаря этой технологии, вы также можете добавлять к своему пулу новые серверы с ростом популярности сайта… иногда даже делая это в режиме реального времени.
4. Запросы к страницам
это та последовательность, которая отрабатывает, когда на вашем домене запрашивают необходимый контент в системе управления содержимым или электронной коммерции. На скорость его передачи могут оказать влияние индексы базы данных и установленное программное обеспечение.
5. Кэширование страницы
Многие высокопроизводительные серверы предлагают вам возможность обойтись без обращения к базе данных и загружать информацию из кэша.
6. Запросы заголовков
В содержании страницы обычно присутствуют такие элементы как js скрипты и таблицы стилей, которые обрабатываются перед загрузкой страницы. Их избыточное количество может значительно замедлить процесс загрузки.
7. Элементы страницы
Браузеры обычно отправляют по одному запросу на один сервер за один раз. Если доменов или поддоменов много, элементы могут запрашиваться одновременно. Некоторые компании разворачивают несколько поддоменов для скриптов, таблиц стилей и мультимедиа, чтобы ускорить их загрузку браузером. Если вы загружаете несколько скриптов или таблиц стилей, объедините их, чтобы улучшить производительность.
8. Сеть доставки контента
Хотите верьте, хотите нет, но географическое положение тесным образом связано со временем, необходимым для загрузки сайта. Чем ближе вы находитесь к серверу, тем оно меньше. Если же вы живете на другом материке, оно, соответственно, будет иметь большее значение. Сеть доставки содержимого помогает загружать изображения, тексты и видео в вашу региональную сеть, для того чтобы быстрее доставлять их вашим посетителям.
9. Сжатие
Веб-серверы часто предлагают возможность использования gzip-сжатия веб-ресурсов, изображений, скриптов и каскадных таблиц стилей. Все это значительно сокращает размер содержимого и ускоряет скорость загрузки.
10. «Ленивая» загрузка
Зачем загружать те элементы, которые еще не видны посетителю? Гораздо эффективнее и быстрее загружать то, что помещается на экране, а затем «добавлять» элементы по мере прокрутки страницы.
11. Общедоступные библиотеки
Такие популярные сайты, как Google, создают специальные библиотеки шрифтов и Javascript. Эти ресурсы уже закешированы браузером, поэтому даже если клиент заходит на ваш в первый раз, он уже имеет необходимые инструменты для ускорения загрузки.
12. Асинхронная загрузка
Не все элементы страницы необходимо загружать одновременно. Так, кнопки «Поделиться через социальную сеть» могут очень долго загружаться браузером и замедлять загрузку страницы. Сервисы управления тегами позволяют загружать ресурсы после завершения загрузки страницы, а не замедляя ее.
13. Оптимизация для мобильных устройств
Адаптивный дизайн, несомненно, весьма востребован, так как он позволяет комфортно использовать сайт на любом устройстве. Вместе с тем, он может значительно снижать скорость просмотра со смартфонов или планшетов, а ведь именно эти устройства обеспечивают основной приток посетителей в наши дни.
14. Форматы видео
Если ваш сайт содержит видеофайлы, убедитесь в том, что они оптимизированы и сжаты для каждого браузера. В противном случае, загрузка видео может занять большое количество времени и расстроить ваших посетителей.