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

Ускоренная загрузка сайта позитивно сказывается на поисковой оптимизации сайтов. Простые рекомендации по улучшению скорости загрузки о которых мало кто знает ниже.

CSS

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

Собирайте CSS в один файл. Браузер все равно скачает весь CSS, поэтому гораздо лучше просто собрать все, что у вас есть, в один HTTP-запрос.

Сожмите файл при помощи утилиты gzip и минифицируйте, чтобы браузеру пришлось загружать меньше.

JavaScript

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

Спрайты

Каждый ресурс на странице — это лишний HTTP-запрос на каждый ресурс. Минимизация количества этих запросов — один из самых простых способов оптимизировать быстродействие. Так, например, можно объединять картинки в спрайты используя формат webp. Делайте как можно меньше HTTP-запросов

DNS

Каждый запрос к DNS это потери — факт. Но, если вы используете виджет социальной сети без этого не обойтись. Используйте предварительную загрузку сервера доменных имен, например:

link rel="dns-prefetch" href="http://facebook/"

Запрос на DNS будет запущен до выполнения скрипта, что ускорит загрузку.