10 простых способов улучшить скорость загрузки страницы вашего сайта

  1. Загрузите изображения нужного размера
  2. Смотрите, как вы встраиваете предметы
  3. Сжатие вашего сайта
  4. Использовать кеширование
  5. Смена серверов
  6. Проверьте свой шаблон
  7. Используйте iFrame везде, где можете и где это не повредит вашей SEO
  8. Над фолдом на первом месте
  9. Лучшие проверки скорости страницы

Да! Для этого есть план урока. Получите доступ сейчас.

Получите доступ сейчас

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

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

Фактически, некоторые крупные компании нашли время, чтобы оценить, как скорость их страниц влияет на их конверсию. Amazon обнаружил, что каждые 100 мс просрочки снижают уровень продаж на 1%. Согласно KissMetrics, задержка в 1 секунду снижает конверсию на 7%. Это много потерянных конверсий.

Если вы не уверены, насколько быстро загружается ваш блог, вы можете протестировать его на GMetrix. Gmetrix показывает ваши рейтинги скорости загрузки как из Google Page Speed, так и из Yahoo! YSlow. В идеале вы хотите, чтобы скорость страницы составляла около 2 секунд. Если загрузка вашей страницы занимает больше времени, вот 10 способов ускорить ее.

Чирикать это:   «Я только что прочитал« Как ускорить ваш блог »Лори Баллен» Чирикать это:
«Я только что прочитал« Как ускорить ваш блог »Лори Баллен».

Сжатие ваших изображений (и видео)

Изображения и видео могут быть довольно тяжелыми. Сжатие изображений сжимает файлы изображений, иногда сокращая размер файла более чем наполовину. Плохое сжатие испортит качество вашего изображения. Попробуйте smush.it и tinypng.com, чтобы уменьшить размер файла, но при этом получать изображения приличного качества. Movavi.com - достойный видео компрессор. Для изображений или видео, где вам нужно высокое качество, вы можете научиться делать сжатие самостоятельно или купить профессиональную программу сжатия.

Плагин WordPress для сжатия изображений

Загрузите изображения нужного размера

Говоря об изображениях, когда вы добавляете изображения в свой блог, сначала измените их размер. Многие люди загружают полноразмерное изображение и позже уменьшают его размер, используя HTML или систему управления контентом. Когда вы делаете это, ваши браузеры посетителей не просто загружают меньшее изображение, которое вы хотите, чтобы они видели. Они занимают время, чтобы загрузить полный размер изображения, а затем следуйте инструкциям вашего HTML для изменения его размера. Вместо этого уменьшите размер изображения и добавьте его в свой блог. Таким образом, браузер вашего посетителя немедленно загружает правильный (и меньший!) Размер файла.

Инструмент изменения размера изображения

Смотрите, как вы встраиваете предметы

Если вам абсолютно не нужно, не вставляйте изображения, видео, виджеты или что-либо еще в свой блог. Когда вы встраиваете что-то, это не является частью вашего блога. Это с другого сайта. Браузер вашего посетителя должен прервать загрузку вашего блога, чтобы запустить его и получить этот встроенный носитель из другого места. Известные как «перенаправления», эти небольшие побочные эффекты могут действительно замедлить время загрузки. Загрузить все на свой собственный сервер.

Регулярное обновление элементов сайта обычно рекомендуется из соображений безопасности - и это важно. Но старый код также может замедлить работу сайта. Обновление различных элементов вашего блога по мере необходимости может предотвратить потерю скорости с течением времени.

Сжатие вашего сайта

Если сжатие ваших изображений и видео не дает достаточной поддержки, попробуйте сжать весь сайт. Gzip это бесплатный инструмент для превращения вашего сайта в ZIP-файл. Ваш заархивированный веб-сайт отправляется вашим посетителям для открытия их Gzip-совместимого браузера. Чтобы понять, как хорошо это работает, перепрыгните через Yahoo! домашняя страница HTML-код Yahoo! Составляет около 101 КБ, но был сжат до 15 КБ.

Плагин WordPress для сжатия сайтов: Gzip

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

Кэширование хранит некоторые элементы вашего сайта в браузере вашего посетителя. Эти сохраненные биты - это то, от чего веб-браузеры избавляются, когда они «очищают кеш». Кэширование не помогает при первом посещении вашего сайта, но сокращает время загрузки для повторных посетителей. Кеш означает, что большая часть сайта находится в их браузере. Меньше материала нужно отправлять с вашего сервера, что сокращает время загрузки.

Плагин WordPress для кеширования

Смена серверов

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

Одним из способов повысить скорость загрузки вашей страницы является выбор правильного хоста сайта. Маховик является сервисом хостинга и управления WordPress с самым высоким рейтингом с бесплатной миграцией сайта и SSL.

Проверьте свой шаблон

Если вы не веб-дизайнер, вы, вероятно, используете для своего блога систему управления контентом (CMS). Большинство CMS имеют шаблоны или темы, которые определяют внешний вид вашего блога. Существует огромное разнообразие шаблонов, доступных во всех видах стилей. Слишком многие из них имеют одну общую черту: они загружаются вечно. Многие из аккуратных функций в этих шаблонах серьезно замедляют время загрузки. Карусель изображений, загрузка которой занимает 3 секунды, не компенсирует потерю 21% конверсий. Убедитесь, что вы используете быстрый, легкий шаблон в своем блоге. Скорость загрузки превосходит крутой фактор.

Используйте iFrame везде, где можете и где это не повредит вашей SEO

Javascript является основным тормозом на скорости страницы. Сжатие вашего сайта может помочь с этим - много. Тем не менее, Ява по-прежнему Ява. Уменьшите сопротивление, используя iFrame вместо Java, где только можно. iFrame загружается намного быстрее, чем Java. В зависимости от количества Java, вы можете сократить скорость загрузки на несколько секунд.

В HTML или исходном коде используйте скобки iframe и включите URL.

<iframe src = «http://www.ballenbrands.com»> </ iframe>

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

Над фолдом на первом месте

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

Лучшие проверки скорости страницы

PageSpeed ​​Insights - Разработчики Google
PageSpeed Insights переместил тест «Пользовательский опыт» для мобильных страниц в «Мобильный дружественный тест» , который вы можете попробовать здесь.

Тест скорости сайта
Используйте этот бесплатный тест скорости веб-сайта, чтобы проанализировать скорость загрузки ваших веб-сайтов… Введите URL-адрес, чтобы проверить время загрузки этой страницы , проанализировать ее и найти узкие места.

GTmetrix | Оптимизация скорости и производительности сайта
GTmetrix - это бесплатный инструмент, который анализирует быстродействие вашей страницы .

Удачного контент-маркетинга!

Резюме

Название статьи

10 простых способов улучшить скорость загрузки страницы вашего сайта

Описание

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

автор

Команда Баллен

Имя издателя

Ballen Brands

Логотип издателя