Almacenamiento de código jQuery en la estructura de archivos y directorios externos? [cerrado]

Question

Puede alguien puede confirmar la mejor idea para almacenar el código jQuery, en un principio yo estaba insertando todo en la cabeza de un documento, pero estoy viendo más y más código que se utiliza en todas las páginas,

Es la mejor manera de utilizar incluir archivos con la extensión .. .JS?

Todo lo demás o mejor con respecto a esto?

¿Cuál sería el mejor lugar para guardar mi archivo .js si este es el caso ..

de la raíz tengo

/ css / scripts

etc ... / scripts es donde mis archivos de jQuery son ... pero debo utilizar el mismo para mis archivos .js?

Alguien tiene alguna recomendación sobre la estructura de directorios?

Answer 1

Debe almacenar tanto código como sea posible en los archivos .js, porque eso sería permitir que el navegador para descargar una sola vez y re-uso en todas las solicitudes.

Si usted incluye su código directamente en la sección HEAD como texto sin formato que está obligando a que el código para ser descargado en cada solicitud, lo que frena la transferencia página.

El directorio donde se almacenan los archivos es hasta que realmente ... Yo uso /css y /js, pero /scripts se utiliza así en muchas ocasiones.

Answer 2

Cuando se inserta su código JavaScript en la página depende de lo que estamos tratando de hacer. Hay argumentos para enlazar su JavaScript al final de la página para el bien de la velocidad, de modo que el navegador pueda cargar la página antes de intentar analizar / ejecutar cualquier JavaScript. Por supuesto, si usted necesita el JavaScript que se ejecutará antes de su página se carga, lo que se necesita para poner en el encabezado del documento. Es realmente depende de usted y sus necesidades.

Js es las extensiones estándar para archivos de JavaScript, por lo que sería preferible mantener el uso de eso. Es una buena idea para enlazar a sus archivos JavaScript en vez de ponerlos directamente en la página, por lo que el navegador del usuario puede almacenar en caché los archivos JavaScript.

¿Dónde se almacenan los scripts depende de usted, pero parece una buena idea para almacenar todos sus archivos de jQuery en un directorio / scripts.

Answer 3

No tiene por qué ser demasiado complicado. Sí, el almacenamiento con la extensión JS con seguridad, pero manteniendo su Javascript separada de las bibliotecas 3 ª parte también se recomienda.

Esto es todo lo que se necesita:

.
./js/jquery/jquery.js
./js/yourfiles.js

O, dicho de sus archivos bajo su nombre de la empresa:

./js/companyname/yourfiles.js

Y como han dicho otros: Ponga sus JS al final del archivo, si es posible

.

Answer 4

Seb es correcto, pero para añadir una cosa, tratar de comprimir todos los archivos CSS y JS en uno para cada uno.

Independientemente de si o no los archivos se almacenan en caché, todavía hay una solicitud de ida y vuelta al servidor para cada archivo individual para comprobar si se ha actualizado. Esto puede ralentizar la experiencia del usuario cuando hay muchos JS y CSS.