Минимизируйте ресурсы которые блокируют рендеринг вашего сайта

 

Хотя это может показаться очевидным, если вы хотите, чтобы ваш Минимизируйте ресурсы веб-сайт загружался быстро, вам необходимо устранить, минимизировать или оптимизировать ресурсы, которые блокируют рендеринг . Какие ресурсы я имею в виду? Все, что необходимо для корректной работы вашего сайта: изображения, JS-файлы, CSS, шрифты…

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

Скорость загрузки также влияет:

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

Оглавление

1 измерение
2 Ресурсы, которые блокируют: изображения
3 ресурса: JS-файлы
4 ресурса, которые блокируют: CSS-файлы

Дополнительный совет: оптимизация в WordPress

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

Среди наиболее используемых мы прямо рекомендуем вам попробовать инструмент Lighthouse в Chrome . После открытия инспектора (F12) и нажатия кнопки «Создать отчет» будет выполнен ряд показателей, и вы будете проинформированы о аспектах, которые необходимо улучшить на вашем веб-сайте, чтобы улучшить время загрузки (производительность).

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

Блокировка ресурсов: изображения
Вначале веб-сайты состояли только из текста и \Узнайте! как создавать события и управлять ими с помощью плагина Events Manager гиперссылок, но постепенно добавлялись ресурсы, чтобы сделать их более привлекательными и интерактивными. Наверняка на вашем сайте есть изображения, иллюстрирующие ваш контент. Я не прошу вас удалять эти изображения, а прошу их правильно представить.

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

Позаботьтесь об их максимальном размере, чем больше они будут загружаться и чем дольше будут блокироваться, оптимизируйте их до подходящего размера.
Используйте форматы нового поколения, такие как SVG и WebP . Они весят меньше, а качество минимальное или вообще отсутствует.
Используйте атрибут loading=”lazy”, чтобы учитывать загрузку только тех изображений,

которые видны на этом экране

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

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

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