En artículos anteriores hemos resaltado la importancia de reducir el tiempo que tarda en cargarse completamente una página web en el navegador del usuario. Por una parte, la impresión de los usuarios es mucho más favorable si el contenido de la página aparece rápidamente en pantalla. Pero además, el tiempo total de carga de la página es un factor que los principales motores de búsqueda, incluido Google, tienen en cuenta en sus algoritmos de posicionamiento.
A menudo, lo que más influye en el tiempo total de carga de una página es la descarga y el procesamiento recursos externos. De entre ellos, las librerías javascript y las hojas de estilo CSS utilizadas por la página tienen con frecuencia un impacto considerable.
En nuestro anterior artículo sobre «Cómo reducir el tiempo de carga de una página web con javascript asíncrono» ya hemos explicado la manera de realizar la carga del código javascript externo de manera que no bloquee la presentación de la página.
En este artículo veremos las opciones existentes para cargar del mismo modo las reglas de estilo CSS contenidas en un recurso externo.