9 смертельных ошибок, замедляющих работу сайтов

Грехи

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

Мы здесь немного расширили круг читателей, и я не сомневаюсь, что отчасти успех был достигнут благодаря тому, что мы перешли на Маховик, управляемый хостинг WordPress с отличным кэшированием и Сети доставки контента питание от StackPath CDN.

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

  1. Без кеширования - убедитесь, что ваш сайт использует кеширование для увеличения скорости. Современные системы управления контентом хранят контент в базе данных и объединяют его с шаблонами дизайна для создания выходной страницы. Запрос базы данных и публикация являются дорогостоящими, поэтому механизмы кэширования сохраняют вывод в течение стандартного периода времени, поэтому запросы не требуются.
  2. Нет Аякса - хотя вы хотите, чтобы основной контент был читаемым, отображался для поисковых систем и загружался при открытии страницы, есть другие элементы, которые являются второстепенными и могут быть загружены после загрузки страницы через JavaScript. Ajax - распространенный метод для этого ... страница загружается, а затем после загрузки страницы запрашивается другой контент - запрос дополнительного контента, серверов объявлений и т. Д.
  3. Слишком много JavaScript - современные сайты настолько сложны, что включают сторонние скрипты со всего Интернета. Используя CMS, у вас также могут быть темы и плагины, загружающие отдельные файлы JavaScript. Ненужные вызовы нескольких файлов сценариев можно уменьшить, вызвав их все в одном файле. Скрипты также могут быть отложены для загрузки элементов после загрузки страницы.
  4. Слишком много перенаправлений - избегайте использования встроенных ресурсов, которые перенаправляют на другие страницы. И используйте прямые ссылки в своей собственной навигации. Один из примеров: если ваш сайт безопасен, вы хотите, чтобы каждый элемент сайта, например изображения, не ссылался на их незащищенный URL. Это потребует, чтобы каждое изображение на странице было правильно перенаправлено на безопасную ссылку.
  5. Нет HTML5 и CSS3 - современные фреймворки легки и быстрее загружаются на сайты. То, что разработчики и дизайнеры раньше выполняли с изображениями, и JavaScript, теперь могут использовать CSS-анимацию и расширенные эффекты дизайна. Современные браузеры загружают их намного быстрее.
  6. Без минификации - Размер файла сценария и файла CSS можно сжать за счет сокращения ненужных элементов (например, перевода строки, комментариев, табуляции и пробелов. Удаление этих элементов называется Минимизация. Некоторые системы CMS также могут делать это автоматически по мере загрузки и кеширования сайта.
  7. Огромные изображения - Конечные пользователи часто загружают изображения прямо со своей камеры или телефона в Интернет… проблема в том, что эти проблемы часто составляют несколько мегабайт. Добавьте связку на сайт и ваш сайт значительно замедлится. Такие инструменты, как Kraken можно использовать перед загрузкой изображений или интегрировать на сайт для автоматического сжатия изображений, чтобы они выглядели великолепно, но имели меньший размер файла.
  8. Родные кнопки социальных сетей - нативные социальные кнопки ужасны. Каждый из них загружается независимо от сайта социальной сети, и на то, насколько быстро они загружаются, уделяется мало внимания. Попробуйте использовать сторонние сервисы, которые значительно сократят время загрузки, или загрузите кнопки после загрузки, чтобы они вообще не влияли на скорость вашего сайта.
  9. Нет CDN - сети доставки контента имеют серверы по всему миру, которые хранят и доставляют статические файлы географически ближе к человеку. Используя CDN это фантастический способ увеличить скорость вашей страницы, особенно если изображений много.

Вот инфографика, 9 советов по сокращению времени загрузки страницы, Из TruConversion. 378

Уменьшить скорость страницы

Раскрытие информации: в этом посте я использовал наши партнерские ссылки.

Как вы думаете?

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.