Если страница не начинает прогружаться после 3-5 секунд ожидания, то до трети пользователей покидают ее. Скорость важна в любом случае — не важно требуется ли создание сайтов в Одинцово или Москве. Чаще всего уменьшением времени загрузки занимаются со стороны сервера, не учитывая, что это можно и стоит делать со стороны клиента. Касательно этого есть следующие направления оптимизации:
- Уменьшаем критический путь. Это предполагает анализ ресурсов, необходимых для старта рендеринга страницы в браузере. При этом следует посчитать, сколько нужно времени для подгрузки HTML-документа, CSS-стилей, веб-шрифтов и Java Script-кода. Для это достаточно применить инструмент аудита в Chrome, который доступен в панели разработчика. Он укажет содержание и длительность загрузки критического пути. Далее находим способы уменьшения нагрузки во время выполнения самых долгих процессов.
- Оптимизируем шрифты. В отношении типографики сегодня доступно множество инструментов, которые нередко замедляют время загрузки страницы. К примеру, так делают публичные сервисы шрифтов (Google Fonts и тому подобные). Позитивно влияет на скорость применение актуальных форматов: WOFF2 для современных браузеров, WOFF — в отношении устаревших версий.
- Оптимизируем изображения. Для многих сайтов это не столь критично, но в отношении интернет-магазинов это куда важней. Основной акцент направляется на уменьшение размера отображаемой картинки. Для этого следует лишь предусмотреть сбалансированные форматы и инструменты сжатия. Не стоит забывать, что разные устройства имеют различные вычислительные мощности для такого сжатия. Следовательно, можно задать несколько сценариев оптимизации картинок. Благодаря этому на старом смартфоне будет использован менее ресурсоемкий инструмент, чем на последнем флагмане.
- Кэшируем заголовки. Грамотное создание сайтов в Одинцово при любых обстоятельствах должно происходить с учетом этого направления клиентской оптимизации. Это предполагает выполнение кэширование тех элементов, которые чаще всего не изменяются со временем. Сюда относят фотографии, CSS и JS-файлы. Можно задавать срок, на который элемент будет занесен в кэш. Однако при этом следует учесть, что если нужно будет изменить этот элемент, то тогда необходимо изменить адрес самой странички.
