Sadržaj:

Kako da odložim CSS koji blokira renderiranje?
Kako da odložim CSS koji blokira renderiranje?

Video: Kako da odložim CSS koji blokira renderiranje?

Video: Kako da odložim CSS koji blokira renderiranje?
Video: Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды 2024, April
Anonim

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

Onda, kako da popravim blokiranje renderovanja?

Popravi blokiranje renderiranja JavaScript koristeći W3 Total Cache Zatim morate posjetiti stranicu Performanse » General Settings i skrolovati dolje do odjeljka Minify. Prvo morate označiti 'Enable' pored opcije Minify, a zatim odabrati 'Manual' za opciju minimiziranja. Kliknite na dugme Sačuvaj sve postavke da sačuvate svoja podešavanja.

Drugo, šta je eliminisati resurse koji blokiraju renderovanje? Render - blokirajući resurse usporiti percipirano vrijeme učitavanja stranice vaše WordPress stranice prisiljavanjem pretraživača posjetitelja da odgađaju rendering sadržaj iznad preloma dok pretraživač odmah preuzima datoteke koje nisu potrebne. To eliminirati render - blokirajući resurse na WordPress-u možete koristiti dodatke koji nisu dostupni.

Osim gore navedenog, blokira li CSS renderiranje?

Render Blokiranje CSS . Podrazumevano, CSS je tretiran kao a render blokirajući resurs, što znači da pretraživač neće render bilo koji obrađeni sadržaj do CSSOM-a je konstruisan. HTML je očigledno, jer bez DOM-a ne bismo imali šta render , ali CSS zahtjev može biti manje očigledan.

Kako da znam da li imam resurse koji blokiraju Render?

Da biste identificirali resurse koji blokiraju renderiranje:

  1. Potražite učitavanje nekritičnih resursa prije početne linije renderiranja (preko webpagetest.org).
  2. Testirajte uklanjanje resursa putem Google Dev Tools da vidite kako to utiče na sadržaj stranice.
  3. Kada se identifikuju, radite s programerima kako biste pronašli najbolje rješenje za odlaganje resursa koji blokiraju renderiranje.

Preporučuje se: