Cómo Exteriorizar archivos JavaScript y CSS descargas más rápidas

JavaScript se utiliza para añadir interactividad a una página HTML. Hojas de estilo en cascada (CSS) se utilizan para crear piezas de presentación de una página web, tales como colores o diseños. Los dos pueden ser utilizados en el HTML o eliminado de la página (exteriorización). Los archivos externalizados se enlazan a la página. Después de que la página ha descargado la primera vez, los archivos JavaScript y CSS están en la memoria caché del navegador. Todas las descargas adicionales desde su sitio será más rápido, ya que sólo el HTML se descargará. Aquí es cómo hacerlo.

Instrucciones

A exteriorizar su CSS

1 En lugar de guardar el CSS como parte del documento HTML, guardarlo en un archivo separado con una extensión de archivo .css.

2 Almacenar el archivo CSS en un lugar lógico en la estructura del sitio. Algunos sitios tienen más de una hoja de estilo y los almacenan todos en un directorio llamado "css".

3 Enlace su página HTML al archivo CSS utilizando un elemento de enlace o un elemento @ importación.

4

Un elemento de enlace se coloca en el encabezado del documento HTML y sería algo como esta imagen. El elemento de unión da la ubicación del archivo css (href) en su sitio. El rel = "stylesheet" significa que la relación de este archivo en el archivo HTML es el de la hoja de estilo. El type = "text / css" significa que el documento vinculado es un archivo de texto que contiene las reglas CSS. La media = "pantalla" significa que esta hoja de estilo está diseñado para visualización en pantalla. Otros tipos de medios que pueden escribir reglas de estilo para incluir impresión y de mano.

5


Un elemento de estilo @import también se coloca en la cabeza documento. La declaración @import está dentro de un elemento de estilo. Usted proporciona la URL de la hoja de estilo que desea establecer el vínculo de esta manera. Los medios de comunicación podrían ser la pantalla, imprimir u otro tipo de medio.

A exteriorizar sus archivos JavaScript

6 En lugar de guardar sus archivos JavaScript como parte del documento HTML, guardarlo en un archivo separado con una extensión de archivo .js.

7 Tienda de que el archivo JavaScript en un lugar lógico en la estructura del sitio. Algunos sitios tienen más de una secuencia de comandos y los almacenan todos en un directorio llamado "scripts".

8

Enlace su página HTML para el código JavaScript que utiliza un elemento de la escritura. El elemento de escritura se coloca en la cabecera del documento HTML. Proporciona la ubicación del archivo de origen que contiene la secuencia de comandos.

Consejos y advertencias

• Sólo se pueden utilizar elementos de enlace para vincular a sus hojas de estilo. O puede utilizar ambos elementos de enlace y las declaraciones @import.
• Si sólo tiene una hoja de estilo, un elemento de enlace es el mejor camino a seguir.
• Utilizar este mismo método para cada una de las páginas HTML en su sitio para vincular a todos ellos a su CSS y JavaScript para hacer su sitio a la vez hermoso e interactivo.