Оптимизация скорости загрузки сайта dom-stroy.kh.ua
Клиент: интернет-магазин Дом-Строй, который занимается продажей строительных материалов. Мы занимались разработкой этого сайта, а также дальнейшим продвижением.
Задача: повысить скорость загрузки страниц сайта - вывести его в "зеленую зону" по Google PageSpeed Insight.
Увеличение скорости загрузки сайта с помощью инструмента от Google - PageSpeed Insights
После того, как представитель компании Google Мэтт Каттс заявил о том, что скорость загрузки сайта влияет на его позиции, seo-оптимизаторы начали уделять этому фактору дополнительные усилия.
Не будем также забывать и о том, что скорость влияет и на поведенческие факторы. На сегодняшний день посетители сайта не готовы ждать пока загрузится страница более чем 5 секунд. Таким образом, из-за низкой скорости, теряется большинство потенциальных клиентов. Особенно это важно, если речь идет о трафике с мобильных устройств.
На примере интернет-магазина Дом-Строй, мы хотели бы рассказать о том, как с помощью сервиса GooglePageSpeed Insights узнать и повысить скорость загрузки сайта.
Данный инструмент оценивает скорость загрузки страниц как на компьютере, так и на мобильных устройствах. Итоговое значение показывается в процентах – максимум 100%. И если страница вашего сайта набирает 85% и больше, можете собой гордиться, т.к. ваш сайт грузится достаточно быстро для поисковой системы Google. Для анализа всегда нужно рассматривать как минимум три основных страницы сайта: главная, страница категории и карточка товара. При проверке сайта Дом-Строй мы обнаружили, что средняя скорость загрузки страниц сайта составляет 58%.
Что мы сделали для улучшения скорости загрузки dom-stroy.kh.ua
Ресурс Google PageSpeed Insights, помимо того, что оценивает скорость загрузки страниц, еще и предоставляет рекомендации по её улучшению:
1. Оптимизируйте изображения Картинки частенько составляют около 80% от общего веса страницы. Поэтому мы настоятельно рекомендуем оптимизировать публикуемые фото. В своей работе мы используем удобный сервис kraken.io. Он позволяет закачивать сразу большое количество картинок с компьютера либо указать их адрес и программа начинает сжатие. Так же есть возможность перетащить изображение в окно браузера. Сервис позволяет сократить раз меры картинок до 80% без ущерба для качества.
2. Уменьшите объём JavaScript и CSS и избавьтесь от элементов, которые блокируют отображение верхней части страницы.
В случае, если отображению верхней части странички будут предшествовать загрузки нескольких скриптов, то она будет загружаться достаточно медленно. Для того, что бы это поправить, система Google советует отсрочить загрузку ресурсов и грузить их асинхронно либо вставить наиболее важные составляющие в html. Мы перенесли часть из них в конец html-файла без изменений в функционировании и дизайне сайта.
Для того, что бы сократить размеры JavaScript и CSS файлов, нужно удалить ненужные пробелы и комментарии.
3. Сократите время ответа сервера
Для того, что бы уменьшить время ответа сервера, нужно перегнать все статичные файлы с сайта dom-stroy.kh.ua на мировую сеть серверов CDN. Туда вы сможете перетащить все фотографии, CSS и JavaScript, а на главном сервере оставить файл html.
4. Включите сжатие и воспользуйтесь кешем браузера
Под применением кеша браузера подразумевается, что при первой загрузке сайта, браузер пользователя сохраняет на его компьютер все загружаемые с сайта файлы – CSS и JavaScript, изображения. И при последующих загрузках страниц сайта, все нужные файлы подгрузятся с компьютера пользователя. Для того, что бы использовать кеш браузера, в корневом файле .htaccess мы указали все необходимые директивы.
Мы уменьшили скорость загрузки страниц dom-stroy.kh.ua на 27%, что полностью удовлетворяет требованиям Google. При этом сайт визуально не изменился. Для того, что достигнуть более высокой скорости загрузки, необходимо затрагивать некоторые функции сайта.