Estoy trabajando en la puntuación de velocidad de mi sitio y tratando de mejorar mi velocidad de página (eliminar el informe de CSS no utilizado).
Primero he seguido esta página: carga CSS más simple y he diferido de la siguiente manera, pero la velocidad de la página me sigue alertando de que el archivo CSS /css/second-style no está diferido:
<link rel="stylesheet" href="/css/second-style.css" media="print" onload="this.media='all'">Entonces, lo he intentado de otra manera, usando: loadCSS , lo he hecho de esta manera:
<script src="loadCSS.js"></script> <script> loadCSS( "/css/second-style.css" ); </script> Creo que las dos formas de hacerlo son bastante claras y simples, y se supone que funcionan, pero la velocidad de la página no aprueba /css/second-style.css .
Alguna idea si en 2021 se tiene que hacer diferente o cual es mi error? ¿Hay otra forma de retrasar la carga de CSS?
Aunque cargue el CSS al final o al principio, el tiempo total de carga será el mismo. Intente minimizar el CSS y conviértalo en un solo archivo (reduzca el número de solicitudes)
Para aumentar más la velocidad, también puede intentar Comprimir JavaScript y HTML y también Image sprit