Как снизить нагрузку на сайт


Как снизить нагрузку сайта на сервер хостинга на примере Timeweb

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

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

Итак вот такое письмо мне пришло от техподдержки, если читаете эту статью вам наверно пришло похожее:

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

Чтобы исправить ситуацию перешел в раздел "Тариф" и увеличил такие параметры:

  • Лимит нагрузки на CPU сервера;
  • Лимит нагрузки на базы данных.

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

Через какое то время (может месяц) увидел еще большую нагрузку на сервер Timeweb (на скриншоте выше). Так как посещаемость за это время не поменялась пропорционально нагрузке, решил подойти к проблеме с другой стороны и провести рекомендуемые хостингом проверки. А именно диагностировать с помощью анализа логов доступа к сайтам. Для этого в разделе "Логи" для каждого сайта я включил лог доступа и лог ошибок:

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

Одна из статей часто посещается с похожего диапазона айпи адресов, причем за сутки 2588 таких посещений. Сайт этот регионального отделения Партии Великое Отечество и как вы думаете откуда эти айпи адреса? Вот откуда:

На скриншоте логов я выделил ошибку 403, это уже после принятия мер. Чтобы убрать доступ с этих ip я прописал в файле .htaccess в корне этого сайта следующий код (звездочками скрыл адрес сайта):

Order allow,deny
 allow from all
 Deny from 91.200.12. 91.200.12.74 46.118.157.125 91.200.12.168 91.200.12.133 144.76.23.176 146.185.223.111 46.118.153.31 203.188.254.110 146.185.223.
 Redirect 301 /wp-login.php https://*******.jpg

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

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

Далее, чтобы в админку перестали ломиться боты, на сайтах на Joomla! я установил плагин RicheyWeb - AdminExile из JED, который вместо открытия страницы http://адрес сайта/administrator посылает вас смотреть картинку на другом сайте,а вход происходит по адресу http://адрес сайта/administrator?ваш_ключ:

 Для сайтов на Wordpress я установил плагин Protect WP-Admin, меняющий адрес входа в админку:

И плагин WP Cerber Security, позволяющий автоматически блокировать айпи после указанного количества неудачных попыток входа в админку:

 В итоге всех вышеперечисленных действий, нагрузка на сайт выглядела вот так:

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

Как уменьшить TTFB и быстрее загружать сайт WordPress

Последнее обновление Поделиться постом
  • Поделиться через фейсбук
  • Поделиться в Twitter

Последнее обновление: август 2019 г.

Если ваш сайт WordPress по-прежнему загружается медленно даже после того, как вы внесли исправления производительности внешнего интерфейса, пришло время взглянуть на ваш сервер.В частности, время вашего сайта до первого байта (TTFB).

TTFB относится к количеству времени, которое требуется браузеру для создания соединения с сервером и начала загрузки содержимого веб-страницы.

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

Что такое TTFB?

Google определяет TTFB как период «ожидания»:

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

Проще говоря, TTFB - это количество времени с момента перехода на веб-страницу до момента начала ее рендеринга.
TTFB состоит из трех отдельных компонентов:

1. Время, необходимое для отправки HTTP-запроса

TTFB начинается с HTTP-запроса. Время, необходимое серверу для получения запроса, зависит от времени, необходимого для выполнения поиска в DNS, скорости сети пользователя, расстояния до сервера и любых прерываний соединения.

2. Время обработки запроса

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

3. Время, необходимое серверу для отправки первого байта ответа браузеру

Наконец, серверу необходимо отправить ответ пользователю. Этот шаг зависит как от сетевой скорости сервера, так и от пользователя.Если у пользователя медленное соединение Wi-Fi, это повлияет на TTFB. На передачу запроса и ответа по сети может приходиться почти 40% TTFB.

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

Почему TTFB важен?

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

Но так ли важен TTFB? Жюри еще не решило этот вопрос. В то время как инженер по веб-производительности Google Илья Григорик говорит, что TTFB «абсолютно важен», Cloudflare говорит, что вам следует перестать беспокоиться о TTFB.

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

Я рекомендую вам ознакомиться с обеими сторонами аргументации, а также взглянуть на исследование Моза. Но в любом случае TTFB по-прежнему является метрикой, которая (в основном) находится под вашим контролем, и вы можете настроить ее, чтобы ускорить работу своего сайта. Так почему бы не уменьшить его, чтобы сделать ваш сайт быстрее?

В конечном счете, важно учитывать своих пользователей.Потому что при уменьшении TTFB:

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

Что такое хороший TTFB?

Google рекомендует TTFB меньше 1,3 для мобильных сайтов. Аудит Lighthouse завершается ошибкой, когда браузер ожидает ответа сервера на основной запрос документа более 600 мс.

rakAID углубляется в цифры, предлагая TTFB менее 100 мс для статических сайтов с HTML, изображениями, CSS и JavaScript. А для динамических сайтов (таких как сайты WordPress) TTFB составляет около 200-500 мс.

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

Если ваш TTFB превышает несколько сотен миллисекунд, на вашем сервере могут быть узкие места, которые вам необходимо изучить.

Ранее в этом году мы рассмотрели модель RAIL Performance, которая учитывает время отклика. Если вы когда-либо нажимали на что-то, и вам потребовалось так много времени, чтобы ответить, вы начали задаваться вопросом, зарегистрировал ли он ваш щелчок, поэтому вы щелкнули второй раз, но при этом вы прервали ответ на свой первый щелчок ... Что ж, это именно именно этого RAIL стремится избегать.

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

Для получения дополнительной информации о том, как ускорить работу вашего веб-сайта и улучшить TTFB, прочтите статью Code Like Pro об оптимизации производительности WordPress.

Что вызывает медленный TTFB?

Когда дело доходит до сайтов WordPress, существует несколько различных факторов, которые могут повлиять на TTFB:

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

Как измерить TTFB

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

Измерение TTFB с помощью GTmetrix

Вы можете легко измерить TTFB с помощью GTMetrix, который называет эту метрику временем «ожидания».
Чтобы увидеть результаты, просканируйте свой сайт и откройте водопад. При наведении указателя мыши на первый результат в списке отображаются показатели загрузки, включая время ожидания (также известное как TTFB).

Измерение TTFB с помощью WebPageTest

Вы также можете измерить свой TTFB с помощью WebPageTest. Когда вы сканируете свой сайт, в результатах будет отображаться буквенная оценка для вашего TTFB, а также отобразится ваш TTFB в секундах.


Измерение TTFB с помощью Pingdom

Pingdom также измеряет TTFB, называя его временем «ожидания».Чтобы использовать этот инструмент, просто просканируйте свой сайт и прокрутите результаты до раздела «Запросы файлов», где вы увидите время ожидания для вашего сайта и отдельных запросов.

Измерение TTFB с помощью KeyCDN's Web Performance Tool

Еще один замечательный инструмент для измерения TTFB - это онлайн-тест KeyCDN Web Performance Test. Он позволяет быстро измерить TTFB из 14 различных точек тестирования. Как видно из результатов ниже, TTFB для сайта WordPress.org ниже в США и выше в Европе, Азии и Австралии - доказательство того, что расстояние и задержка играют большую роль в TTFB.

Как уменьшить TTFB

Давайте посмотрим, как можно уменьшить TTFB для вашего сайта WordPress.

1. Используйте быстрый веб-хост

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

Крайне важно учитывать , где расположены серверы вашего хоста.Выберите хост, который физически расположен ближе к вашим пользователям. Например, если большинство ваших пользователей находятся в Европе, было бы разумно разместить ваш сайт в Европе, а не в США. (Хотя вы можете обойти это с помощью CDN, который мы рассмотрим ниже.)

Кроме того, хотя вы действительно не можете контролировать объем трафика, который получает ваш сайт, вы можете контролировать его масштабируемость. Поэтому, если вы ожидаете большого трафика на свой сайт, убедитесь, что ваш хост может быстро масштабировать ваш сайт, чтобы улучшить его TTFB.

2. Обновляйте WordPress, плагины и темы

Основная команда WordPress вместе с авторами плагинов и тем часто оптимизирует производительность своих обновлений. Иногда это означает, что они оптимизировали запросы, которые их код выполняет к базе данных, или внесли обновления, влияющие на эффективность кода PHP.

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

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

3. Уменьшить количество запросов

Часто количество запросов, выполняемых вашим сайтом для получения информации из базы данных, может повлиять на TTFB. Чтобы помочь выявить узкие места в запросах, попробуйте установить диагностический плагин, например Query Monitor, или подумайте о более мощном инструменте, например New Relic.Последний поможет вам по-настоящему погрузиться в запросы к базе данных, которые занимают больше всего времени или имеют самое медленное время запроса, чтобы вы могли определить, какие плагины, темы или настройки влияют на скорость загрузки страницы вашего сайта.

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

Один из самых простых способов уменьшить TTFB - это настроить кеширование на вашем сайте WordPress. Кэширование помогает уменьшить TTFB, помогая сократить время обработки сервера.

Уточните у своего веб-хостинга, что они предлагают в отношении кэширования объектов.Часто все, что вам нужно сделать, это попросить ваш хост включить его.

Также включите WP Rocket на своем сайте для кеширования динамического контента, чтобы ваши страницы быстрее доставлялись вернувшимся посетителям сайта.

Получите WP Rocket сейчас и сразу же протестируйте улучшение!

5. Используйте CDN

Использование CDN хорошего качества может помочь быстрее доставлять статический контент, такой как изображения и сценарии, пользователям через сеть серверов по всему миру. Это означает, что если ваш сервер географически расположен, например, в Европе, а ваши пользователи в основном находятся в США, они будут получать контент вашего сайта с сервера, расположенного ближе к ним.
Это сокращает сетевую задержку между сервером вашего сайта и посетителями.

Чтобы узнать больше о CDN и о том, как выбрать тот, который нужно найти, прочтите статью «Как выбрать CDN: откройте для себя лучшие CDN для WordPress».

6. Используйте службу DNS Premium

Типичные пакеты хостинга не предлагают DNS премиум-класса (хотя некоторые управляемые хосты WordPress поддерживают). Инвестиции в премиум-провайдера DNS обеспечат ответ на запросы DNS с малой задержкой за счет использования глобальной сети DNS-серверов, что, в свою очередь, поможет уменьшить TTFB.

Если вы хотите пойти дальше, рассмотрите возможность включения предварительной выборки DNS на своем сайте. Этот метод позволяет указать браузеру выполнять поиск DNS на странице в фоновом режиме во время просмотра пользователем. Чтобы узнать больше об этом, ознакомьтесь с Preload, Prefetch, Preconnect: How to Speed ​​Up Your Site With Browser Resource Hints.

Заключение

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

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

О Рэлен Мори

Рэлен Мори является соучредителем Words By Birds, агентства цифрового письма, которое помогает WordPress писать статьи, стратегии контента, лид-магниты и другие вещи, связанные со словом.Рэлен, в прошлом журналист и редактор, занималась разработкой сайтов на WordPress более 10 лет.

.

Как уменьшить нагрузку на сервер

Обновлено 4 октября 2018 г.

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

Какая нагрузка на сервер?

Когда разработчики используют слово «загрузка» как существительное, они имеют в виду количество процессов, необходимых для работы компьютерной системы. Чем больше ЦП и дискового пространства требуется вашему серверу, тем больше растет его нагрузка. «Средняя нагрузка» - это средняя нагрузка за определенный период времени. Средние значения нагрузки обычно представлены тремя числами, обозначающими нагрузку 1 минуту назад, 5 минут назад и 15 минут назад соответственно.

Проверка загрузки сервера

Способ проверки загрузки сервера может незначительно отличаться от операционной системы к операционной системе.В Linux и Unix можно использовать следующую команду uptime:

  $ uptime. 13:40:40 до 38 дней, 1:07, 1 пользователь, средняя загрузка: 0,25, 0,14, 0,14  

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

Понимание загрузки сервера

Нагрузка «1» означает, что один процессор работает с максимальной производительностью. Если в вашей системе два процессора, то загрузка «1» будет означать, что ваша система использует половину доступной ей вычислительной мощности. Следовательно, если загрузка вашего сервера больше, чем количество процессоров, которые у вас есть, вы должны ожидать проблем, поскольку некоторые процессы должны ждать в очереди.

В идеале, вы хотите, чтобы нагрузка на ваш сервер была около 0.7 или меньше . Если вам нужно проверить количество доступных процессоров, выполните следующую команду:

  grep processor / proc / cpuinfo | wc -l  

Для получения информации об использовании ресурсов вашего сервера в режиме реального времени вы можете использовать команду top , например:

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

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

Как сети CDN снижают нагрузку на сервер

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

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

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

Дополнительные советы по снижению нагрузки на сервер

1. Оптимизируйте свои изображения

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

2. Сжимайте свой CSS

Кстати, вы можете уменьшить размер ваших файлов CSS, используя сокращенные свойства CSS или инструмент сжатия CSS. Пока вы это делаете, избавьтесь от ненужного HTML, тегов и пробелов в разметке.Ознакомьтесь с этим руководством, чтобы узнать об инструментах и ​​советах по минимизации CSS, JS и HTML.

3. Сжимайте данные

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

4. Размещение изображений в другом месте.

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

Сводка

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

.

10 советов по сокращению времени загрузки веб-страницы

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

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

Хотя это включение не имеет такого же веса, как многие другие сигналы ранжирования Google, его все же следует учитывать при планировании усилий по поисковой оптимизации вашего сайта. Вам нужно следить за тем, как загружается ваш сайт, и выяснять, почему он загружается медленно, если это так.

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

1. Проверьте текущую скорость веб-сайта

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

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

  • Pingdom предлагает простой в использовании тест скорости сайта, который имитирует загрузку страницы в веб-браузере.
  • Page Speed ​​- это надстройка Firefox с открытым исходным кодом, которая помогает вам оценивать производительность ваших веб-страниц. Он также содержит предложения по устранению проблем с производительностью.
  • Web Page Test - еще один отличный инструмент, который показывает скорость и производительность вашего сайта в разных браузерах.

2. Оптимизируйте изображения

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

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

Ознакомьтесь с этими ресурсами, чтобы узнать больше об оптимизации изображений:

3. Не уменьшайте масштаб изображения

Избегайте использования изображения большего размера, чем нужно, только потому, что вы можете установить атрибуты width и height для элементов в HTML.

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

4. Сжатие и оптимизация контента

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

Вы также можете оптимизировать и сжать файлы JavaScript и CSS, объединив их и уменьшив исходный код.

5. Поместите ссылки на таблицы стилей вверху

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

6. Поместите ссылки на скрипты внизу

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

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

7. Поместите JavaScript и CSS во внешние файлы

Если ваши JavaScript и CSS находятся непосредственно в вашем HTML-документе, они загружаются каждый раз, когда запрашивается HTML-документ.Таким образом, при этом не используется кеширование браузера и увеличивается размер HTML-документа.

Всегда размещайте CSS и JavaScript во внешних файлах; это лучшая практика, которая упрощает обслуживание и обновление вашего сайта.

8. Минимизируйте HTTP-запросы

При посещении новой веб-страницы большая часть времени загрузки страницы тратится на загрузку компонентов этой страницы (например, изображений, таблиц стилей и скриптов).

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

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

9. Кэшируйте свои веб-страницы

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

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

Для WordPress проверьте WP Super Cache и W3 Total Cache (также прочтите эту запись кодекса WordPress по оптимизации / кешированию WordPress). Ядро Drupal имеет собственное кеширование.

10. Сократить 301 редирект

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

Заключение

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

Хотите больше информации о сокращении времени загрузки страницы вашего сайта? Прочтите раздел Google о скорости страницы, в котором представлены инструменты, статьи и отзывы сообщества о скорости веб-сайта.Удачи и удачной оптимизации!

Связанное содержимое

.

17 действенных способов сократить время загрузки блога

Представьте, что вы посещаете сайт, каждая страница которого загружается за несколько секунд.

Обидно, не правда ли?

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

Это не способ произвести впечатление на аудиторию.

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

Давайте обсудим, как дать им то, что они хотят.

Полное руководство по оптимизации скорости загрузки блога


Почему важна скорость загрузки страницы

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

Удерживать больше трафика

Статистика показывает, что около 40 процентов пользователей покидают сайт, который не загружается за три секунды или меньше.Эта цифра возрастает до 53%, если мы говорим о мобильных пользователях.

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

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

Увеличение конверсии

Знаете ли вы, что задержка загрузки в одну секунду приводит к снижению конверсии на 7%?

Для сравнения: это потеря в 7 долларов каждый раз, когда вы получаете конверсии на 100 долларов.

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

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

Более высокий рейтинг в поисковых системах

Если вы не знали, поисковые системы, такие как Google, очень разборчивы, когда дело касается взаимодействия с пользователем.

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

Если вы не знакомы с термином SEO или Search Engine Optimization , я предлагаю вам начать изучение с этого сообщения.

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


Как проверить скорость загрузки веб-сайта

Вы можете подумать, что ваш веб-сайт уже работает достаточно быстро, но только такой инструмент, как Google PageSpeed ​​Insights, может это доказать.

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

Чтобы использовать PageSpeed ​​Insights, введите URL своего блога и нажмите «Анализировать».

Просто дайте PageSpeed ​​Insights несколько секунд, чтобы творить чудеса.

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

Вы также можете использовать PageSpeed ​​Insights для повышения эффективности мобильных устройств, переключившись на вкладку «Мобильный» . Инструмент должен немедленно предоставить вам другой отчет, отражающий эффективность вашего блога на смартфонах и планшетах.

Уже нашли свои показатели скорости?

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

Ваша цель проста: выполнить столько оптимизаций, сколько необходимо, чтобы достичь «быстрого» конца шкалы оценок скорости.

Позвольте мне показать вам, о чем я говорю.

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

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

Вы всегда должны использовать возможности, которые помогут вам опередить конкурентов.

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

Готовы сделать следующий шаг? Тогда перейдем к делу.


Как сократить время загрузки блога

Теперь, когда мы рассмотрели « почему » оптимизации скорости загрузки страниц, пришло время поговорить о « как.

Если вы знаете кое-что о веб-разработке, выполнение рекомендаций, показанных в PageSpeed ​​Insights, должно стать трамплином для вашей кампании по оптимизации производительности.Вы сможете найти их прямо под разделом « Lab Data ».

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

Без лишних слов, вот проверенные шаги к гораздо более быстрому и прибыльному блогу:


1. Удалите ненужные плагины

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

Вы можете использовать виджет онлайн-бронирования, создавать собственные формы подписки, build i

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий