Evita usar @import para cargar CSS

El método “@import”, para cargar archivos CSS, crea algunos problemas que afectan a la velocidad de tu página. El mayor problema es que hace que los archivos se carguen secuencialmente (uno después del otro) en lugar de hacerlo en paralelo (todos al mismo tiempo). Esto requiere tiempo y hace que la carga de la página web sea más lenta.

¿Cómo evitar el método @import para cargar CSS?

Busca en los archivos HTML y CSS y localiza el código “@import”. Es algo como esto y normalmente se encuentra ubicado en la parte superior del archivo:

Evita usar el método @import para cargar tus archivos CSS.

Evita usar el método @import para cargar tus archivos CSS.

@import url ("style.css");

Reemplázalo con el código siguiente:

<link rel="style.css" href="style.css" type="text/css">

Asegúrate de reemplazar también “style.css” con el nombre y la ruta de tu archivo CSS.

Asegúrate de buscar y remplazar todos los archivos @import de tus CSS.

Muchos sitios web tienen varios archivos CSS (debes tratar de combinar los archivos CSS). Si tienes más de un archivo CSS, revisa cada archivo para remplazar “@import”.

Si un archivo CSS llama a otro archivo CSS a través del método @import, es especialmente perjudicial para la velocidad de carga de la página.

Esto añade pasos adicionales para el navegador al cargar tu página web, haciendo que el navegador descargue, analice y busque el archivo CSS antes de comenzar a mostrar la página.

¿Te ha gustado?

Te estaría muy agradecido si pudieras valorar esta entrada y compartirla en las redes sociales. De esta manera me animas a continuar trabajando en este {blog} y ayudas a otras personas que desean aprender.

Valora esta entrada

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas

(3 votos, promedio: 4,67 de 5)

Cargando…

Recibe notificaciones de nuevos artículos

Suscríbete para recibir notificaciones de nuevos artículos en tu correo.

Cuéntanos, ¿qué tal te la has pasado?

Deja un comentario si tienes alguna duda o comparte como ha sido tu experiencia. No necesitas registrarte para comentar. Cuando vayas a escribir tu nombre, marca la casilla Prefiero comentar como invitado y envía tu comentario.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos requeridos están marcados *

Publicar comentario