- Причины медленного времени загрузки
- Предложения по оптимизации для повышения скорости страницы
- Избегайте пересылки
- Использовать кеширование
- Используйте сети доставки контента
- Инструменты PageSpeed
- Важность для SEO и юзабилити
Скорость страницы относится к скорости загрузки и производительности веб-сайта или веб-приложения . В Google Page Speed играет важную роль в рейтинге SEO; быстрые страницы становятся выше в SERP s отображается. Как быстро Google находит сайт, можно сделать с помощью Инструменты Google PageSpeed Insights определяться бесплатно. Снижение скорости страницы является важной частью Оптимизация страницы и вносит значительный вклад в удобство и простота использования и открываемость веб-сайта.
Причины медленного времени загрузки
Плохое время загрузки может быть вызвано множеством различных факторов:
- Большие файлы изображений: фотографии всегда занимают много места. Особенно большие изображения, так как они обычно используются для заголовка или в качестве фонового изображения, могут сильно влиять на скорость страницы. Но и количество картинок может быть решающим для хорошего времени загрузки. С точки зрения SEO, изображения должны использоваться, потому что они способствуют удобству для пользователя, но только в модерации.
- внешний CSS Файлы: вкл браузер загружает веб-страницу последовательно в дерево DOM. Это означает, что сначала все ссылки из области <head> должны быть загружены и отредактированы до загрузки основной части страницы. Это заблокирует браузер от загрузки содержание s, пока все внешние таблицы стилей не будут загружены и отредактированы. Это может вызвать задержки, если существует слишком много внешних CSS-файлов. Затем браузер должен обмениваться данными между клиентом и сервером для каждой ссылки и совершать так называемые циклические переходы.
- Перенаправления: внутренние перенаправления увеличивают время загрузки, так как браузер сначала должен прочитать и интерпретировать информацию о пересылке. Только тогда он сможет получить доступ к нужной странице.
- Нет оптимального кэширования : загрузка ресурсов, будь то веб-страницы, файлы изображений или PDF-файлы, потребляет много времени и энергии. Не будет или только частично кэш d, тогда весь сайт должен быть перезагружен с каждым процессом загрузки. Помимо прочего, заголовки, нижний колонтитул и боковая панель, которая на самом деле на всех дно одинаковы.
- Слишком много файлов Javascript. Как объясняется в подпункте «Таблицы стилей», браузер должен подготовить и загрузить веб-сайт сверху вниз. Если ссылок на файлы Javascript слишком много, браузер должен сначала загрузить и подготовить внешние ресурсы, прежде чем контент можно будет загрузить.
- Медленный сервер время реакции ru: Если серверу требуется слишком много времени для ответа на запросы клиентов, это может сильно повлиять на скорость страницы. В идеале сервер должен отвечать не более чем на 200 мс, чтобы ответить на запрос.
Предложения по оптимизации для повышения скорости страницы
Низкая скорость страницы может быть улучшена с помощью различных мер оптимизации. Для WordPress у нас есть список самые полезные плагины SEO компилируется, что также улучшает PageSpeed.
Слишком большие картинки - одна из главных причин длительного времени загрузки. Вот почему они всегда должны быть сжаты. веб-мастер Зачастую им приходится мириться с потерей качества изображения, поскольку цвета на изображении практически «суммируются».
Внешние CSS-файлы должны быть объединены в один файл. В результате браузер должен отображать только внешний файл и не должен обмениваться данными между клиентом и сервером несколько раз. Кроме того, CSS-файлы должны быть как можно меньше. Это означает, что пробелы и абзацы не должны присутствовать в файле. Google советует веб-мастерам не устанавливать более четырех туда и обратно. Таким образом, браузер должен подготовить как можно меньше внешних ресурсов, чтобы сократить время загрузки.
Избегайте пересылки
Внутренние ссылки в идеале должны содержать правильный URL. Распространенной ошибкой является вариант с и без Конечный слеш , В . .htaccess Файл является набором вариантов по умолчанию и должен последовательно применяться во внутренних ссылках.
Использовать кеширование
Кеш является своего рода хранилищем цифровых носителей. Это устраняет необходимость повторного рендеринга элементов при каждой их загрузке. Если веб-сайт уже был загружен один раз, браузер сохраняет соответствующие элементы в своего рода кеше. Если клиент снова запрашивает страницу, браузер обращается не к внешнему серверу напрямую, а к локальному кешу. Если используется кэширование, скорость страницы может быть значительно снижена при повторном посещении. Однако кэширование не может повлиять на скорость загрузки при первой загрузке (или загрузке после очистки кеша), и это важно только для будущих посещений.
Вместо внешнего создания файлов Javascript, есть два предложения по оптимизации от Google.
1. Встроенный Javascript: Встроенный относится к прямой реализации кода в документе HTML. Вместо того, чтобы ссылаться на внешний источник, весь код устанавливается непосредственно в области <head>.
<html> <head> <script type = "text / javascript" src = "example.Js"> </ script> </ head> <body> ... </ body> </ html> <html> <head > <script type = "text / javascript"> / * Все содержимое файла example.js * / </ script> </ head> <body> ... </ body> </ html>
2. Введите файлы Javascript в конце: браузер последовательно загружает дерево DOM, то есть сверху вниз. Поэтому Javascript должен быть в конце файлов источник будет установлено.
Используйте сети доставки контента
на Сети доставки контента (CDN) ресурсы размещаются на стороннем сервере. Это допускает асинхронную загрузку, и браузер может загружать несколько элементов одновременно, а не последовательно обрабатывать их. В CDN могут храниться все типы носителей, включая не только изображения, но также файлы CSS и Javascript. Особенно с такими рамками, как начальная загрузка , который используется на многих сайтах, это для преимущества скорости страницы.
Инструменты PageSpeed
Наиболее широко используемый инструмент для измерения PageSpeed исходит от самого Google. С помощью Google PageSpeed Insights Пользователи могут просто указать веб-сайт и проверить скорость загрузки. Здесь вы можете совершенно точно увидеть, есть ли у Google что-то приостановить с одной стороны. Строительные участки, обнаруженные PageSpeed Insight Tool, обязательно должны быть отредактированы.
Скорость мобильных устройств играет все более важную роль в Page Speed. Поскольку все больше и больше пользователей становятся мобильными, веб-сайт должен обеспечивать хорошую производительность на смартфонах и планшетах. По словам сотрудника Google Гари Иллиеса Время загрузки считается хорошим, если оно отображается зеленым в PageSpeed Insight Tool. Это оценка 85.
с pingdom.com Скорость зарядки отдельных элементов точно разделена и оценена . Вы можете указать сервер, к которому вы ближе всего. Чем хуже оценка, тем срочнее должна быть решена проблема. Инструмент с открытым исходным кодом работает аналогично YSlow от Yahoo. Тем не менее, пользователям необходимо добавить его в браузер или добавить инструмент в качестве расширения.
Простое сравнение скорости загрузки может при whichloadsfaster.co быть пойманным Инструмент сравнивает скорость страницы как минимум с двумя URL-адресами и вычисляет, какой процент загружает одну страницу быстрее, чем другую. Тем не менее, он не показывает, как страница загружается и где скрыты проблемы.
Важность для SEO и юзабилити
Время загрузки имеет огромное значение для поисковой оптимизации. Сам Google говорит, что они предпочитают страницы с более быстрым временем загрузки в своем рейтинге. Причина этого не только в чистой скорости. Быстрый PageSpeed указывает на то, что веб-сайт чистый, компактный и не содержит лишних элементов.
Конечно, быстрый веб-сайт также является преимуществом для удобства использования. Пользователи спрыгивают, когда им приходится слишком долго ждать страницу, вызывая Показатель отказов увеличивается. Следовательно, страдает также Коэффициент конверсии под слишком медленными сайтами.