Руководство по оптимизации скорости сайта

1. Посоветуйтесь с хостингом
2. Самое важное о скорости сайта

Последняя проверка 20 мая 2019 года в 13:31

Скорость сайта является частью По оптимизации сайта об этом можно легко забыть, когда вы заняты интернет-маркетингом. У вас есть переполненный почтовый ящик, материалы для социальных сетей и ваша следующая запись в блоге. У кого есть время на скорость сайта? Ну, чтобы вы знали, скорость сайта значительно увеличила количество просмотров. (Не говоря уже о том, что это фактор ранжирования.) Это мощный, полезная вещь для оптимизации , В этой серии я расскажу вам о самых лучших и простых способах оптимизации скорости вашего сайта.

Примечание: этот пост является введением в нашу серию о скорости сайта. Это никоим образом не означает конец нашей серии Разрушение контент-маркетинга , Фактически, это предназначено, чтобы поддержать это.

Вот в чем дело: я очень удивился, когда увидел, что скорость моего сайта достигает 30 с лишним секунд, и время ожидания ответа сервера (в соответствии с Gtmetrix ) больше 14 секунд. Я был в шоке и опешил. Мой естественный инстинкт: узнай больше о скорости сайта . Это, в основном, руководство по обучению вас всему, что я узнал, и как я увеличил скорость моего сайта, чтобы иметь сайт, который постоянно загружается за 3-5 секунд, даже при том, что на каждой из моих страниц работает так много сценариев.

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

И вот начался мой мучительный труд по улучшению скорости сайта SEO-хакера. Кстати, вы заметили, что скорость моего сайта улучшилась? Пожалуйста, дайте мне знать, если вы сделали через раздел комментариев ниже.

Немного фона

Как вы знаете, блог SEO Hacker работает на множестве скриптов - в основном на скриптах java. Вот некоторые из видимых скриптов, которые я запускаю:

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

Посоветуйтесь с хостингом

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

Я думал, что переход на выделенный сервер мгновенно решит мои проблемы. Я был неправ.

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

Это сократило обновление до выделенного сервера из моего списка.

Самое важное о скорости сайта

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

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

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

Я порылся вокруг того, что я мог бы улучшить с SEO Hacker. По словам Gtmetrix, вот список вещей, которые мы должны следить за скоростью сайта:

• Укажите размеры изображения
• Оптимизировать изображения
• Удалить строки запроса из статических ресурсов
• Избегайте плохих запросов
• Отложите парсинг JavaScript
• Избегайте набора символов в метатеге
• Оптимизировать порядок стилей и скриптов
• Служить масштабированным изображениям
• Укажите набор символов рано
• Использование кэширования в браузере
• Минимизировать CSS
• Укажите валидатор кэша
• Укажите различный заголовок: Accept-Encoding
• Минимизировать Javascript
• Включить сжатие gzip
• Сократить HTML
• Избегайте перенаправлений целевой страницы
• Включить Keep-Alive
• Inline Small CSS
• Встроенный маленький Javascript
• Свернуть перенаправления
• Минимизировать размер запроса
• Поместите CSS в заголовок документа
• Служите Ресурсам от последовательного URL
• Избегайте CSS @import
• Объедините изображения, используя CSS Sprites
• Предпочитаю асинхронные ресурсы

От YSlow

• Добавить заголовки Expires
• Сделайте меньше HTTP-запросов
• Используйте сеть доставки контента (CDN)
• Уменьшить количество DNS-запросов
• Сжать компоненты с помощью Gzip
• Используйте домены без файлов cookie
• Сократите JavaScript и CSS
• Настроить теги сущностей (ETag)
• Избегайте пустых SRC или HREF
• Избегайте переадресации URL
• Сделать AJAX кэшируемым
• Поместите CSS вверху
• Удалить дубликаты JavaScript и CSS
• Поместите JavaScript внизу
• Избегайте фильтра AlphaImageLoader
• Избегайте ошибки HTTP 404 (не найдено)
• Уменьшите количество элементов DOM
• Не масштабируйте изображения в HTML
• Используйте GET для запросов AJAX
• Избегайте выражений CSS
• Уменьшить размер куки
• Сделайте Favicon маленьким и кэшируемым
• Сделайте JavaScript и CSS Внешними

Я не буду вам врать, я до сих пор не знаю, что значат большинство из них и для чего они нужны. Но насколько я знаю, я улучшился - и это отразилось на очень улучшенной скорости загрузки сайта для SEO Hacker. Вот мое текущее время ответа сервера « Ожидание ».

А вот и моя последняя скорость на сайте Pingdom. В течение последних нескольких дней я довольно последовательно это проверял.

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

• Оптимизировать изображения
• Избегайте плохих запросов
• Отложите парсинг JavaScript
• Оптимизировать порядок стилей и скриптов
• Использование кэширования в браузере
• Минимизировать CSS
• Минимизировать Javascript
• Включить сжатие gzip
• Сократить HTML
• Inline Small CSS
• Встроенный маленький Javascript
• Поместите CSS в заголовок документа
• Предпочитаю асинхронные ресурсы
• Добавить заголовки Expires
• Используйте сеть доставки контента (CDN)
• Используйте домены без файлов cookie
• Уменьшить количество DNS-запросов
• Сжать компоненты с помощью Gzip
• Настроить теги сущностей (ETag)

Вот что я собираюсь сделать дальше:

• Объедините изображения, используя CSS Sprites

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

1. Должен иметь плагин скорости сайта для WordPress
2. Оптимизация скорости сайта: асинхронный и отложенный Javascript
3. Как внедрить самодостаточный CDN для скорости сайта
4. Как вы можете ускорить загрузку вашего сайта на 40%

Быстрее сайты для всех!

Похожие

Комментарии