Programación web, Drupal, Wordpress y ¡Mucho más!

Aprende a programar y diseñar una página web gracias a los trucos y tutoriales que ofrecemos en nuestro sitio.

viernes, 5 de octubre de 2012

Posición correcta de archivos js y css


Muchas personas están acostumbradas a insertar todos los objetos css y js dentro de la etiqueta Head, ahora bien esto es un gran error. Debemos analizar en todo momento que es lo que queremos mostrar, donde y cuando.


¿Dónde y cuándo insertar la llamada al archivo .JS?

Si tenemos un efecto con una llamada a un archivo .js para la home en determinada zona..¿Porqué lo insertamos en el Head?. Esto es un gran error, porque el head esta presente en todas las páginas de nuestra página web, y si solo queremos que se muestre en la home, no hace falta meterlo en el head, esto lo único que hace es ralentizar las páginas de nuestra web de una forma muy tonta, ya que no se va a usar en dichas páginas.

Por ejemplo, yo tengo un efecto en la home que lo que hace es ir pasando los últimos trabajos realizados en una televisión, esta televisión solo se muestra en la home, entonces jamás meteré este archivo .js en ni en el head ni en el footer ya que estos son llamados en el resto de paginas, si no que lo meteré antes de empezar el código de programación para este efecto.

¿Y si quiere insertar un archivo .JS el cual tendrá efecto en todas las páginas o casi todas?

En este caso no cabe otra opción que insertarlo en el head o en el footer, ahora bien yo pienso que los .JS jamás deben ser insertados en el head. Siempre se recomienda que cuando entramos a una web lo primero que se cargue sea el código html y por último los archivos .JS ya que estos son los que más tardan en cargar, por lo tanto todos los javascript deben ir al footer.

Donde color archivos CSS

A diferencia de los archivos javascript, los CSS, deben ir siempre colocados dentro de la etiqueta head. También se recomienda no usar estilos aparte dentro del html.

0 comentarios:

Publicar un comentario