Почему долго загружается страница: Почему сайт медленно загружается и что с этим делать

Содержание

10 причин, почему ваш сайт медленно грузится — Сервисы на vc.ru

И несколько простых способов это изменить.

18 062
просмотров

Все знакомы с пословицей «тише едешь — дальше будешь». Но когда речь заходит о производительности сайта, это скорее рецепт провала. Знаем минимум 10 причин, из-за которых может медленно загружаться ваш сайт, и разбираем их с экспертом Selectel.

Содержание:

1. Неоптимизированные изображения

2. Ошибки JavaScript

3. Слишком много Flash-контента

4. Слишком много HTTP-запросов

5. Отсутствие кэширования

6. Грязный код

7. Отсутствие GZIP-сжатия

8. Много рекламы

9. Отсутствие CDN

10. Плохой хостинг

Неоптимизированные изображения

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

Формат изображения — еще один важный фактор, который стоит иметь в виду. Например, JPEG-изображения меньше таких форматов, как PNG или GIF. Страницы будут загружаться быстрее, если вы отдадите предпочтение JPEG.

Как быть:

Ошибки JavaScript

Плагины JavaScript облегчили добавление динамического контента на веб-сайты. Но при неправильном использовании JavaScript может снизить скорость загрузки страниц сайта.

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

Как быть:

  • Ваши скрипты могут быть «раздутыми» (bloat), или перенасыщенными. Проверяйте сценарии JavaScript, чтобы увидеть, что вам действительно нужно, а что можно удалить.

  • Асинхронная загрузка JavaScript обязательна. Она позволяет браузеру не дожидаться полной загрузки скрипта и продолжать загрузку основного HTML и других ресурсов.

  • Подумайте об использовании такого инструмента, как Google Tag Manager. Это система управления тегами (TMS), при помощи которой можно легко обновлять код отслеживания и другие форматы кода (теги) на сайте или в мобильном приложении.

Помогаем работать без ошибок.

Selectel

Слишком много Flash-контента

Flash-баннеры некогда были отличным инструментом для повышения интерактивности сайта, но такой контент значительно утяжеляет страницу. Обычно они имеют большой размер, а чем тяжелее файл, тем медленнее он загружается. Что логично.

Как быть:

Слишком много HTTP-запросов

Наличие большого количества файлов JavaScript, CSS и изображений приводит к чрезмерному росту HTTP-запросов. Когда пользователь заходит на страницу сайта, браузер выполняет несколько запросов для загрузки каждого из этих файлов, что снижает скорость открытия страницы.

Как быть:

Решение проблем на фронтенде и бэкенде сайта — это гигиенические нормы для любого уважающего себя бизнеса. Здесь поможет простая оптимизация визуального контента, удаление лишнего, сжатие слишком большого, чистка кода. Такие «процедуры» рекомендуется проводить раз в несколько месяцев. В целом, с такой работой справится рядовой IT-специалист.

Иван Колегов, продакт-менеджер Selectel

Отсутствие кэширования

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

Как быть:

Настроив кэширование, вы значительно улучшите производительность сайта. Вы можете кэшировать разные сущности — от HTTP и запросов к базе данных до изображений. Только не перестарайтесь, кэширование вызывает повышенную нагрузку на веб-сервер!

Грязный код

Еще одна распространенная причина медленной работы сайта — плохое качество кода. Чрезмерные пробелы, встроенные стили, пустые строки и лишние комментарии могут привести к увеличению размера таблицы стилей веб-сайта.

Удалив все эти элементы, вы сократите код, уменьшите размер файла и, как следствие, — время загрузки страницы. Кстати, возможно, после такой «чистки» вы также заметите улучшения по части SEO-оптимизации.

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

Как быть:

Отсутствие GZIP-сжатия

Сжатие передаваемого трафика веб-сервером — простой и действенный способ увеличить скорость загрузки сайта. GZIP обеспечивает значительное (до 90%) уменьшение объема веб-трафика (HTML,CSS, файлы JavaScript и т. д.). В результате браузер клиента получает трафик в сжатом виде, который распаковывается при получении.

Как быть:

Если вы еще не активировали GZIP-сжатие на своем сайте, это первое, что вам следует сделать.

Много рекламы

Конечно, реклама помогает монетизировать сайт с высоким трафиком. Но она не должна влиять на его производительность или удобство пользователей .

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

Как быть:

Рекламные объявления — это лишние HTTP-запросы, которые замедляют загрузку страницы. Используйте их только там, где они точно сработают и «окупят» свой вес.

Отсутствие CDN

CDN (Content Delivery Network) — это распределенная сеть независимых серверов, которые находятся в разных географических точках и доставляют посетителям веб-контент с высокой скоростью и производительностью.

Все входящие запросы на контент обслуживается сервером, расположенным в ближайшем к посетителю центре обработки данных. Это позволяет минимизировать время приема-передачи (round-trip time, RTT) и предоставлять запрошенный контент гораздо быстрее.

В деле устойчивости работы вашего сайта или приложения расстояние имеет значение. Например, ваш хостинг находится в Санкт-Петербурге. Чтобы клиенты во Владивостоке не страдали от долгой загрузки сайта, лучше использовать сеть доставки контента. Контент закэшируется на ближайшем к Владивостоку CDN-сервере, и ваш сайт будет загружаться у пользователей так же быстро, как если бы они жили в Санкт-Петербурге. У Selectel более 37 точек присутствия в России, странах СНГ и Европе, более 300 кэш-серверов, а емкость сети составляет более 10 Тбит/с.

Иван Колегов, продакт-менеджер Selectel

Как быть:

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

Плохой хостинг

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

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

На что смотреть при выборе хостинг-провайдера? Во-первых, отдавайте предпочтение проверенным игрокам, которые не первый год на рынке, — будет возможность изучить отзывы в интернете. Также стоит рассмотреть перечень дополнительных сервисов. Подойдет ли провайдер, если вы начнете расти и вам понадобятся решения более высокого порядка? Лучше подумать заранее, так как обычно переезд на другой хостинг — трудоемкая и не всегда приятная процедура. Узнайте, где заканчивается зона ответственности провайдера за работу вашего сайта. Несет ли он какие-то денежные обязательства за падение и простой сервера? Наконец, толковый хостинг-провайдер проконсультирует вас и поможет решить возникшие проблемы.

Иван Колегов, продакт-менеджер Selectel

Вывод

Скорость загрузки страниц веб-сайта зависит от множества факторов, таких как неоптимизированные изображения, большое количество HTTP-запросов, громоздкий код, проблемы с JavaScript. И это лишь некоторые из них.

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

Не пропускайте полезное, подписывайтесь на блог Selectel.

Читать далее:

⇒ Как создать Telegram-бота для самого точного прогноза погоды

⇒ Как запускается сервер на примере Unified Extensive Firmware Interface

⇒ Что происходит, когда пользователь набирает в браузере адрес сайта

Облачная платформа Selectel

Наши продукты: облачные серверы, облачное хранилище, Kubernetes, CDN, мониторинг, DNS-хостинг

slc. tl

Долго загружаются страницы в браузере: почему и что делать?

И вот мы подобрались к одной из самых загадочных проблем всего человечества, когда долго загружаются страницы в браузере. И без разницы через что вы подключены: через компьютер или ноутбук. Когда интернет медленный сам по себе, есть прерывание или поломка на линии у провайдера – тут все понятно. Но что делать людям, у которых вполне нормальная скорость интернета при тестировании, а страницы все равно грузятся долго.

Собрав свою команду: Ботана, Хомяка и Блондинку – мы стали думать, как победить этого колосса, раз и навсегда. Надеюсь, вы сегодня узрите ещё одну победу над чистым злом, когда сайты грузятся долго и это начинает раздражать даже самых спокойных пользователей.

Для начала наша задача ответить на вопрос: почему медленно и плохо грузятся именно страницы в браузере. Иногда при этом торренты, скайп или онлайн игры работают нормально, без прерывания, высокого пинга и лагов. Проблема может исходить от трёх вещей:

  • Роутер.
  • Провайдер.
  • Компьютер или ноутбук.

Тут нужно в первую очередь понять субъективное понятие «Медленно». Ведь для одних это 1 Мбит в секунду, а другим и 50 мало. Но страницы должны нормально погружаться даже при скорости 2 Мбит в секунду. Поэтому я советую повторно зайти и сделать тест интернета на скорость.

Если «инет» упал резко, то подойдите к вашему роутеру и перезагрузите его. Иногда начинает шалить внутренний вай-фай модуль – он может перегреваться. Тоже самое сделайте с компьютером. Для перезагрузки маршрутизатора достаточно выдернуть его из розетки и вставить обратно. Но всё же лучше пользоваться кнопкой.

Теперь нам нужно выяснить из какого места растут ноги и точную причину. Пробуем подключить к роутеру телефон или планшет и смотрим интернет там. Если интернет плохой, то проблема в роутере. Если всё хорошо, то идём к компьютеру и пытаемся открыть туже самую страницу через другой браузер – например через стандартный Internet Explorer. Если всё будет хорошо – совет удалить неработающий браузер. Скачать новую версию и установить её.

Ещё один совет, позвоните провайдеру, чтобы вас прозвонила техническая поддержка. Бывает, что на коммутаторе, к которому вы подключены могут быть глюки. Как-то у меня отрубался интернет, потому что на подобном устройстве сгорел порт. Ждал два дня, пока его заменят.

Содержание

  1. Очистка хлама
  2. Очистка всё системы
  3. Вирусы, вредоносное ПО и скрипты в автозагрузке
  4. Конфигурация сетевых настроек
  5. Некоторые страницы плохо грузятся
  6. 3G, 4G и aDSL модемы
  7. Задать вопрос автору статьи