Как реально повысить скорость загрузки веб-сайта.

Неприятно осознавать, что успешность ресурса зависит не только от качественного контента, но и от скорости загрузки сайта в браузере пользователя.

Если Ваш сайт долго не открывается, не все пользователи дождутся окончания загрузки, часть из них «уйдёт» на сайт конкурента, пусть и стоящий ниже Вашего в поисковой выдаче.

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

Вывод: для каждого веб-мастера важна проверка скорости загрузки сайта.

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

http://www.webtoolhub.com/tn561353-website-speed-test.aspx

http://gtmetrix.com/

http://webo.in/

http://tools.pingdom.com/

https://browsermob.com/free-website-performance-test

Нормальная скорость открытия страницы от двух до пяти секунд. Иногда при загруженности сервера открытие страницы может занимать 5-10 секунд, но это не должно происходить часто.

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

Но скорее всего, Вам захочется оставить каждый элемент сайта, дорог каждый JavaScript и, конечно, каждая картинка.

Как же в таком случае добиться увеличения скорости загрузки сайта? Вот несколько способов.

Если вы являетесь владельцем портала или блога, на каком-нибудь готовом движке(CMS) или даже самописном, то эти советы точно пригодятся.

Итак, начинаем:

1. Оптимизация таблиц стилей(CSS)

CSS стили очень удобны в использовании, и обязательно должны присутствовать на всех крупных сайтах.
Не редко бывает, тем более при использовании системы управления контентом (CMS), что таких CSS стилей оказывается несколько, а, ведь браузер делает запрос для каждого стиля, на что тратится дополнительное время.
В связи с этим лучше всего объединить существующие стили в один файл.

Но это ещё не всё, полученный файл можно оптимизировать.Удалить пробелы, ненужные строки, сократить информацию о цветах. Например, заменить белый цвет “#FFFFFF” на короткое написание “#FFF”.

Всё это в итоге скажется на размере конечного файла и процесс загрузки пусть немного, но ускорится.

Таблицы стилей лучше всего подключать в области тега HEAD, он находится в верхней части веб-страницы.

2. Оптимизация JavaScript

Для правильной работы скриптов часто необходимо подключать дополнительные библиотеки.
Коды самих скриптов и строк для подключения дополнительных библиотек, в отличие от CSS стилей, нужно помещать в конец страницы вашего сайта.

Связано это с тем, что браузер, находя JavaScript код, приостанавливает загрузку страницы до того момента пока не закончит обработку этого кода полностью.

Кроме того, как и в случае с таблицами стилей, файлы со скриптами также стоит объединить.
В Интернете полно специализированных сервисов, которые помогут вам легко и быстро произвести объединение.

3. Используйте CSS спрайты

В случаи использование технологии CSS спрайтов всё множество запросов на картинки заменятся на один единственный.

Суть этого подхода в том, что создаётся одна картинка, в которой в определённых местах с заранее известным местоположением размещаются несколько, в среднем до 20, которые ранее подгружались отдельно.

Теперь не нужно писать несколько строк с подключением каждой картинки, а указать одну строку для вызова общей, и в дальнейшем просто указать определённые отступы для конкретной картинки, которая необходима.
Таким способом Вы сократите число запросов от браузера примерно с 20 до 1!

4. Используйте кэширование страниц сайта

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

Это, пожалуй, самые основные способы оптимизации ресурса с целью увеличения скорости загрузки сайта.
Кроме перечисленных, есть и другие способы, но об этом в другой раз.
__
При поддержке sov-dom.ru