7 советов владельцу интернет-магазина (Оптимизация самого сайта)

Содержание статьи «Оптимизация самого сайта»

1. Используйте кеширование.
2. Минимизируйте использование JavaScript.
3. Оптимизируйте изображения.
4. Показывайте изображения в крупном масштабе.
5. Объединяйте изображения в CSS спрайты.
6. Минимизируйте редиректы.
7. Включите сжатие.

Не стоит обходить вниманием техническую составляющую работы любого сайта — программную оптимизацию его работы. Попробуем выделить наиболее ключевые моменты.

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

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

2. Минимизируйте использование JavaScript

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

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

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

4. Используйте одно изображение для всех типов фотографий

В интернет-магазинах очень часто требуется использоваться миниатюры для фотографий товаров, например, когда используется миниатюра размером 30×30 и большая фотография по клику размером 300×300. В этом случае мы рекомендуем загружать в качестве обеих фотографий единое изображение в разрешении 300×300, а для превью выставлять CSS-свойство длины и ширины равное 10% от общего масштаба изображения. В этом случае, браузер клиента не будут дважды загружать одну и ту же картинку. Более того, при значительном ассортименте вы можете сократить общий объем файлов магазина.

5. Объединяйте изображения в CSS спрайты

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

6. Минимизируйте редиректы

Минимизация HTTP-перенаправлений с одного URL на другой сокращает время, потраченное посетителем на ожидание этой самой переадресации.

7. Используйте сжатие страниц

Сжатие ресурсов страниц и сайтов с помощью систем GZIP и Deflate существенно увеличивает скорость их загрузки и уменьшает входящий трафик для ваших клиентов.