Съдържание:

Как да отложа блокирането на изобразяването на CSS?
Как да отложа блокирането на изобразяването на CSS?

Видео: Как да отложа блокирането на изобразяването на CSS?

Видео: Как да отложа блокирането на изобразяването на CSS?
Видео: Настоящий конструктор от Дэволт! Ремонт болгарки DeWALT - подробно! 2024, Ноември
Anonim

Най-често срещаното решение, за отложи зареждането на вашия блокиращ рендер CSS , и намалете рендер - блокиране двупосочните пътувания се наричат loadCSS от Filament Group. Най-новата версия се възползва от все още не напълно поддържания атрибут, който позволява асинхронно зареждане на CSS.

Тогава как да коригирам блокирането на изобразяването?

Поправете блокирането на изобразяване JavaScript с помощта на W3 Total Cache След това трябва да посетите страницата Performance » General Settings и да превъртите надолу до секция Minify. Първо трябва да поставите отметка на „Активиране“до опцията за минимизиране и след това да изберете „Ръчно“за опцията за режим на минимизиране. Щракнете върху бутона за запазване на всички настройки, за да съхраните настройките си.

Второ, какво е елиминиране на блокиращи рендер ресурси? Изобразяване - блокиращи ресурси забавят времето за зареждане на страниците на вашия WordPress сайт, като принуждават браузърите на посетителите да забавят изобразяване съдържание отгоре, докато браузърът изтегля файлове, които не са необходими веднага. Да се елиминирайте визуализацията - блокиращи ресурси на WordPress, можете да използвате нестандартни плъгини.

Освен по-горе, CSS блокира ли изобразяването?

Изобразяване Блокиране CSS . По подразбиране, CSS е третиран като a рендер блокиращ ресурс, което означава, че браузърът няма да го направи рендер всяко обработено съдържание до CSSOM е конструирана. HTML е очевидно, тъй като без DOM не бихме имали какво да правим рендер , но на CSS изискването може да е по-малко очевидно.

Как да разбера дали имам ресурси за блокиране на Render?

За да идентифицирате блокиращи изобразяването ресурси:

  1. Потърсете зареждане на некритични ресурси преди началото на реда за изобразяване (чрез webpagetest.org).
  2. Тествайте премахването на ресурси чрез Google Dev Tools, за да видите как е засегнато съдържанието на страницата.
  3. След като бъдат идентифицирани, работете с разработчиците, за да намерите най-доброто решение за отлагане на блокиращи изобразяването ресурси.

Препоръчано: