Блог

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

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

Практически для любого сайта актуальна проблема скорости загрузки в браузере Пользователя. Особенно для магазинов, насыщенных товарными единицами - а это многократные обращения к базе данных, большое количество изображений и много-много строк кода и стилей. Медленный сайт - это 80% потерянных пользователей.

Есть много способов решения проблемы медленных сайтов, как внутренних, так и внешних - смена хостинга, использование CDN сервисов с услугой оптимизации изображений, использование на хостинге Memcached (кэширование данных) и Radis (хранение баз данных в оперативной памяти) и т.д. Я же затрону внутренние способы оптимизации сайта.

Вот несколько простых советов, которые помогут вам ускорить загрузку вашего сайта, особенно на мобильных устройствах:

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

Понравилась статья?
Будем признательны, если поделитесь в соцсетях или мессенджерах, а также присоединитесь к нашей группе Вконтакте. Будет интересно!

Вас может заинтересовать:

  • SEO оптимизация интернет сайта

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

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

    Оптимизация изображений ускоряет загрузку страниц сайта, делает его более привлекательным для Пользователей.
    Расскажу, как оптимизировать изображения с помощью онлайн сервиса TinyPNG.

  • Как работает Google PageSpeed: улучшите свой рейтинг и рейтинг в поисковых системах

    По некоторым статистическим данным в декабре 2018 Google в России обошла Яндекс по объемам поискового трафика и её доля составила 53,5%, в то время, как у Яндекса – 42,7%. Такая ситуация заставляет нас обратить особое внимание на оптимизацию сайтов под требования Google. И значительную помощь в этом нам окажет такой сервис от мирового поискового монстра, как PageSpeed.

  • Подборка SEO-инструментов

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

  • Скрипт для оптимизации изображений на сайте

    В продолжение статьи о Google PageSpeed хочу поделиться скриптом NDruce Image Optimizer, который поможет вам оптимизировать изображения в папках сайта под требования PageSpeed.

Наши услуги по созданию сайтов

Веб дизайн

Разработка дизайна и создание интернет-сайта.

Поддержка сайта

Поддержка работоспособности. Написание текстов и статей. Наполнение товарами.

Готовый дизайн

Готовые шаблоны интернет-магазинов и корпоративных сайтов на HostCMS.

Контекстная реклама

Настройка и ведение рекламной кампании в Директ