Несколько простых советов по ускорению загрузки веб сайтов


Практически для любого сайта актуальна проблема скорости загрузки в браузере Пользователя. Особенно для магазинов, насыщенных товарными единицами - а это многократные обращения к базе данных, большое количество изображений и много-много строк кода и стилей. Медленный сайт - это 80% потерянных пользователей.
Есть много способов решения проблемы медленных сайтов, как внутренних, так и внешних - смена хостинга, использование CDN сервисов с услугой оптимизации изображений, использование на хостинге Memcached (кэширование данных) и Radis (хранение баз данных в оперативной памяти) и т.д. Я же затрону внутренние способы оптимизации сайта.
Вот несколько простых советов, которые помогут вам ускорить загрузку вашего сайта, особенно на мобильных устройствах:
- 1. Используйте оптимизированные JavaScript и CSS: помните, что каждый символ в вашем коде будет способствовать окончательному весу вашей веб-страницы. Чистый и лаконичный JS и CSS может быть трудно освоить, но это то, к чему вам нужно стремиться в большинстве ваших проектов. Хорошие практики CSS обычно включают в себя избавление от неиспользуемых селекторов, где это возможно, и дублирующего кода, чрезмерно вложенных правил и неорганизованного контента. В интернете существуют разнообразные онлайн сервисы, которые помогут вам оптимизировать ваши скрипты и стили.
- 2. Минимизация кода JS и CSS: важным шагом в оптимизации вашего сайта является ограничение количества HTTP-запросов, которые веб-сайт делает для рендеринга контента. Каждое обращение к серверу занимает много времени, нанося вред пользовательскому опыту. Сокращение документа поможет вам сохранить небольшие размеры файлов и уменьшить количество HTTP - запросов.
- 3. Уменьшите размеры изображений: самая весомая часть вашего сайта - это файлы изображений. Однако видео и аудио файлы также будут играть свою роль. Убедитесь, что вы всегда используете правильное изображение или тип файла для каждого задания и "выжимаете" лишние байты из ваших изображений везде, где можете, с помощью сжатия. Сейчас всё более популярен формат изображений WEBP*, который поможет вам облегчить вес страниц, насыщенных изображениями. Про онлайн сервис оптимизации файлов PNG и JPG я мы уже подробно говорили в статье про TinyPNG.
*WebP — формат сжатия изображений, как с потерями, так и без, предложенный компанией Google ещё в 2010 году.
Для работы с этим форматом существует различное открытое программное обеспечение? а также конвертер webpconv.