Увеличиваем скорость загрузки сайта

By Сентябрь 23, 2016Полезные статьи

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

Проверка скорости загрузки сайта

Проверить скорость загрузки своего сайта можно здесь (https://developers.google.com/speed/pagespeed/insights/ – скопируйте и вставьте в адресную строку). Там вы увидите, какова скорость загрузки вашего сайта для компьютеров и для мобильных.

проверка скорости загрузки сайта

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

“Никто не любит медленные сайты”

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

Во-первых, не нужно ждать посетителю и поисковый системы будут любить такой сайт.

Давайте, разберёмся, что мы можем поменять у себя на сайте, чтобы увеличить скорость его загрузки.

1 этап: Уменьшите “вес” изображений.

Чаще всего графические изображения составляют от 50 до 99% веса страницы, уменьшив их размер Вы сделаете большую часть работы.

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

Наиболее оптимальным является вариант размещение картинок и графических элементов на сайте в формате JPEG. Изображения в формате PNG следует использовать только в случае крайней необходимости применения прозрачного фона.

2 этап: используйте кэш-браузера

Этот инструмент порой позволяет творить чудеса для тех, кто уже посещал Ваш сайт. С помощью настроек сервера, на котором расположен ваш сайт – вы можете сообщать браузеру пользователя хранить в кэше данные (ccs, js, изображения) для более быстрой загрузки сайта.

 

Настроить кэширование вы можете отредактировав файл .htaccess, но проще написать в поддержку хостинга, на котором вы “припарковались”.

3 этап: удалите из верхней части страницы лишний код JavaScript и CSS

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

увеличиваем скорость загрузки сайта

Для тех же, кто использует WordPress есть хорошая новость. С помощью плагина Autopmize можно выполнить данный пункт просто сняв отметку с пункта «Force JavaScript in <head>» и отметив пункт «Inline all CSS».

4 этап: сжатие

Чтобы обеспечить сжатие размеров страниц, необходимо воспользоваться функцией сжатия данных в протоколе HTTP.

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

5 этап: мобильная адаптация

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

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

Вывод

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