Lo que Google Page Speed sugiere para optimizar aún más su entrega de CSS es separar su CSS de sus estilos absolutamente críticos (por ejemplo, los estilos que manejan el diseño básico de su sitio web) y todos los demás estilos ‘secundarios’.
Luego, debe cargar su pequeño CSS crítico en el de su página como de costumbre y luego, en la parte inferior de su página, todos sus otros estilos de forma asincrónica con JavaScript.
Este enfoque asegurará que el contenido de su sitio web se cargue lo más rápido posible, ya que no habrá una gran hoja de estilo esperando ser descargada en la parte superior de la página que bloquee su contenido principal antes de que lo haga.
- ¿Qué lenguaje de programación será mejor para codificar a los gigantes como Facebook, Twitter, Wikipedia, etc.?
- ¿Es Angular JS el mejor marco de desarrollo front-end? ¿Por qué?
- ¿Por qué debería uno evitar el uso excesivo de redireccionamientos 301?
- ¿Cuáles son los cursos que tengo que hacer como desarrollador front-end?
- ¿Son estos buenos colores para mi sitio web de cartera de desarrollo web? (Azul - # 484B9C y naranja - # FF9800
Diría que las acciones que ha realizado ya están por encima del doblez y son suficientes en situaciones normales, pero si desea mejorar aún más la velocidad, ¡debe seguir el enfoque sugerido!
Espero que ayude 😉