Sadržaj:

Kako mogu odgoditi CSS koji blokira renderiranje?
Kako mogu odgoditi CSS koji blokira renderiranje?

Video: Kako mogu odgoditi CSS koji blokira renderiranje?

Video: Kako mogu odgoditi CSS koji blokira renderiranje?
Video: Полный курс React JS для начинающих - Изучи Реакт за 2 часа! +таймкоды 2024, Svibanj
Anonim

Najčešće rješenje, za odgoditi učitavanje vašeg render blokirajući CSS , i smanjiti renderirati - blokiranje povratna putovanja naziva se loadCSS od strane Filament Group. Najnovija inačica koristi prednost atributa koji još nije u potpunosti podržan koji omogućuje asinkrono učitavanje CSS.

Kako onda popraviti blokiranje renderiranja?

Popravite blokiranje renderiranja JavaScript koristeći W3 Total Cache Zatim morate posjetiti stranicu Performanse » Opće postavke i pomaknuti se do odjeljka Minify. Najprije trebate označiti 'Omogući' pored opcije minimiziranja, a zatim odabrati 'Ručno' za opciju minimiziranja. Kliknite na gumb za spremanje svih postavki kako biste pohranili svoje postavke.

Drugo, što je eliminirati resurse koji blokiraju renderiranje? Renderirati - blokirajući resurse usporiti percipirano vrijeme učitavanja stranice vaše WordPress stranice prisiljavajući preglednike posjetitelja da odgode renderiranje sadržaj iznad preloma dok preglednik odmah preuzima datoteke koje nisu potrebne. Do eliminirati render - blokirajući resurse na WordPress-u možete koristiti dodatke koji nisu dostupni.

Osim gore navedenog, blokira li CSS renderiranje?

Renderirati Blokiranje CSS . Prema zadanim postavkama, CSS je tretiran kao a renderirati blokirajući resurs, što znači da preglednik neće renderirati bilo koji obrađeni sadržaj do CSSOM-a je izgrađena. HTML je očito, jer bez DOM-a ne bismo imali što renderirati , ali CSS zahtjev može biti manje očit.

Kako mogu znati imam li resurse za blokiranje Rendera?

Da biste identificirali resurse koji blokiraju renderiranje:

  1. Potražite učitavanje nekritičnih resursa prije početka renderiranja (putem webpagetest.org).
  2. Testirajte uklanjanje resursa putem Google Dev Tools da vidite kako to utječe na sadržaj stranice.
  3. Nakon identificiranja, surađujte s programerima kako biste pronašli najbolje rješenje za odgodu resursa koji blokiraju renderiranje.

Preporučeni: