Скорость загрузки сайта и выдача в Google

Вопрос, который встает перед разработчиками сайтов довольно-таки часто: влияет ли быстрота открытия страницы сайта на выдачу в Google?

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

Способы увеличения скорости загрузки ресурса

Уменьшение HTTP-запросов

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

Размещение CSS в начале страницы

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

Размещение Javascript в конце страницы

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

Минимизация CSS и Javascript

Это даже расшифровывать не надо. Чем меньше вес скриптов, тем быстрее загрузится страница. Уменьшайте вес всеми доступными способами.

Использование поддоменов

Очень удобно, все «тяжелые» файлы размещаете на поддоменах. Правило для браузера: одновременное скачивание не более двух компонентов ресурса. Для Вас поддомен –часть ресурса сервера, для программы – различные адреса. То есть одновременно программа сможет грузить большее количество файлов с информацией. Адрес различается, но сайт один. Достаточно эффективный способ повышения загрузки.

Использование кэш

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

Оптимизация изображений

Для изображений выбирайте правильный формат

• GIF – для логотипов;
• JPEG – для картинок и фото;
• PNG – для прозрачных изображений.

Для этого используются либо специальные знания по сжатию картинок, либо специальные программы.

Масштабируемость изображений

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

Использование Gzip- сжатия

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

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