JavaScript en la parte inferior / superior de la página web?
https://stackoverflow.com/questions/1638670
-
08-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Estaba usando el complemento " Yslow " para Mozilla Firefox, y me dijo que debería poner JavaScript en la parte inferior. He escuchado esto antes, pero realmente no lo he pensado demasiado. ¿Existe realmente una ventaja al colocar JavaScript en la parte inferior de una página web en comparación con la parte superior?
Solución
Permitirá que la página web se cargue visiblemente antes de ejecutar JavaScript, lo que tiene sentido para cosas como Google Analytics, que no tienen que suceder antes de que se cargue la página.
También es posible que desee examinar cosas como jQuery, prototipo, etc. y adjuntarlo a " ready " controlador, que ejecuta el código JavaScript después de que el DOM se haya cargado completamente, que es un lugar apropiado para mucho código JavaScript.
Otros consejos
Suponiendo que no se está ejecutando en un CDN o no está sirviendo su JS desde un subdominio o servidor separado, se cargará sincrónicamente y obligará a su contenido HTML a esperar hasta que haya descargado los archivos. Al colocar el JS en la parte inferior de su página antes de la etiqueta de cierre </body>, está permitiendo que se analice el HTML antes de cargar el javascript. Esto da el efecto de tiempos de carga de página más rápidos.
Si tiene contenido html estático y mucho javascript, puede hacer una diferencia en el tiempo de carga percibido de la página, ya que el html se cargará primero y le dará al usuario algo que mirar. Si no tiene mucho javascript, o el contenido de la página existente depende de que javascript sea útil, entonces esto no es tan útil en términos prácticos.
Quiero actualizar este tema, Google ha introducido recientemente async recortado http://support.google.com/analytics/bin/answer.py?hl=en & amp; answer = 1008080 & amp; rd = 1 que se puede agregar a su sitio para traer, por ejemplo soporte de estadísticas de google. Debe colocarse en la parte inferior de la sección <head> para obtener el mejor rendimiento. El punto es que esto aumenta la posibilidad de que se envíe una baliza de seguimiento antes de que el usuario abandone la página.
También debe ubicarse allí si desea verificar su sitio en las herramientas para webmasters de Google utilizando su Google Analytics.
Aparte de eso, las mismas reglas todavía se aplican básicamente: javascript en la parte inferior para " fast " carga de la página. Usé comillas porque no cuento la página completamente cargada hasta que finalice JavaScript ;-)
Sí, la página cargará el contenido y lo procesará antes de cargar y ejecutar javascript, y como resultado, la página se cargará más rápido.
Permite que todos los elementos DOM se carguen completamente antes de cargar el Javascript que los aborda. Este estándar también es parte de Visual Studio.
Colocar guiones en la parte inferior del elemento mejora la velocidad de visualización, porque la compilación de guiones ralentiza la visualización.
TOP
Cuando coloque su JavaScript en la parte superior de la página, el navegador comenzará a cargar sus archivos JS antes del marcado, las imágenes y el texto. Y dado que los navegadores cargan JavaScript sincrónicamente, nada más se cargará mientras se carga JavaScript. Por lo tanto, habrá un período de unos segundos en el que el usuario verá una página en blanco, mientras se carga el JavaScript.
BOTTOM
Por otro lado, si coloca su JavaScript en la parte inferior de la página, el usuario verá que la página se carga primero, y luego el JavaScript se cargará en segundo plano. Entonces, si, por ejemplo, tu CSS & Amp; HTML tarda 5 segundos en cargar, y su JavaScript tarda otros 5 segundos, poner nuestro JavaScript en la parte superior de la página le dará al usuario un & # 8220; percibido & # 8221; tiempo de carga de 10 segundos, y ponerlo en la parte inferior dará un & # 8220; percibido & # 8221; tiempo de carga de 5 segundos.
Tomado de Demian Labs .
Sí, incluido el javascript en la parte inferior de la página realmente acelera la carga de la página. Dado que el navegador ejecuta las cosas sincrónicamente, afecta la carga de la página si se coloca en la parte superior de la página. Si se coloca en la parte inferior de la página, la página habría cargado todo el marcado para cuando el navegador comience a cargar el JavaScript, lo que le dará una mejor experiencia al usuario.
