Taula de continguts:

Com poso el CSS de bloqueig de renderització?
Com poso el CSS de bloqueig de renderització?

Vídeo: Com poso el CSS de bloqueig de renderització?

Vídeo: Com poso el CSS de bloqueig de renderització?
Vídeo: ✌ Aumentar TRAFICO Web ✌ 2 Herramientas GRATUITAS 2024, Maig
Anonim

La solució més habitual, a ajornar la càrrega del teu CSS bloquejant la representació , i reduir render - bloqueig els viatges d'anada i tornada s'anomena loadCSS per Filament Group. La darrera versió aprofita l'atribut encara no totalment compatible que permet la càrrega asíncrona de CSS.

Aleshores, com puc arreglar el bloqueig de renderització?

Arregla el bloqueig de renderització JavaScript utilitzant W3 Total Cache A continuació, heu de visitar la pàgina Rendiment » Configuració general i desplaçar-vos cap avall fins a la secció Minimitzar. Primer heu de marcar "Activa" al costat de l'opció Reduïu i, a continuació, seleccioneu "Manual" per a l'opció del mode Reduïu. Feu clic al botó Desa tota la configuració per emmagatzemar la vostra configuració.

En segon lloc, què és eliminar els recursos que bloquegen la representació? Renderitzar - recursos de bloqueig alentir els temps de càrrega de la pàgina percebuts del vostre lloc de WordPress forçant els navegadors dels visitants a retardar-se renderització contingut a sobre del plec mentre el navegador baixa fitxers que no són necessaris immediatament. A eliminar render - recursos de bloqueig a WordPress, podeu utilitzar complements fora del rack.

Al costat de dalt, CSS bloqueja la representació?

Renderitzar Bloqueig CSS . Per defecte, CSS és tractat com a render recursos de bloqueig, el que significa que el navegador no ho farà render qualsevol contingut processat fins al CSSOM és construït. L'HTML és òbviament, ja que sense el DOM no tindríem res render , però el CSS El requisit pot ser menys evident.

Com sé si tinc recursos de bloqueig de renderització?

Per identificar recursos de bloqueig de renderització:

  1. Busqueu recursos no crítics que es carreguin abans de la línia de renderització inicial (a través de webpagetest.org).
  2. Proveu l'eliminació de recursos mitjançant les eines de desenvolupament de Google per veure com afecta el contingut de la pàgina.
  3. Un cop identificat, treballeu amb els desenvolupadors per trobar la millor solució per ajornar els recursos de bloqueig de renderització.

Recomanat: