Оптимизация скорости загрузки сайта

Сроки выполнения: 6 дней
Стоимость: от 5000 рублей

Что такое «Оптимизация скорости загрузки сайта»?

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

Как правильно измерять скорость загрузки сайта

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

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

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

Так же можно воспользоваться и Google Page Speed но известно что Google больше подгоняет сайты под себя нежели всеобщая оптимизация сайта. То есть требования по оптимизации будут выполнены так как Google'у будет выгодно.

Методы ускорения сайтов

Для более успешной оптимизации скорости загрузки сайта требуется выполнять несколько важных аудитов:

  • Настройка кеширования сайта (изображения, скрипты, стили, шрифты)  итд.
  • Настройка сжатия (изображения, скрипты, стили, шрифты)
  • Минификация JS и CSS файлов
  • Объеденение минифицированных CSS спрайтов
  • Если на сайте преобладает большое количество изображений необходимо их сжимать без потери качества и настроить «ленивую загрузку» Lazy Load
  • Объеденять мелкие изображения - иконки, в «спрайты». CSS-спрайт – это одна картинка, на которой размещено несколько маленьких связанных картинок, которые по сути являются вариациями одной картинки.
  • Настройка кеширования статичных файлов таких как: metrika, google tag manager, различные call-back виджеты, виджеты соц. сетей и др.

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