¿Hay algún problema de rendimiento al tener una gran cantidad de etiquetas de script en su html?

Question

¿Hay algún problema al tener un gran número (digamos 50) de etiquetas de script en un archivo html? ¿Causa algún problema de rendimiento en los tiempos de renderización de la página?

Tengo una sección en mi página que está tirando de un punto de geolocalización y poner esto en una matriz para usar en un mapa de Google. Podría crear una consulta separada solo para los puntos de geolocalización, pero creo que es más eficiente si lo saco como se solicita otro contenido.

<script type="text/javascript">points[{count}] = [{job_latitude},{job_longitude},'{title}'];</script> 

Answer 1

Cuando un navegador encuentra un SCRIPT elementos que se detenga el análisis y la representación del HTML y comienza el análisis y la interpretación de su contenido. Eso es porque los elementos del código SCRIPT podrían alterar el árbol DOM ya analizado.

Esa es la razón por la cual it’s recommended to put SCRIPTs at the bottom of the document para que todo el cuerpo del documento ya se haya analizado.

Así que preferiría solicitar las ubicaciones geográficas (quizás las pueda recopilar en el servidor e imprimirlas al final). O si no puede o no quiere hacer eso, agregue defer attribute a sus elementos SCRIPT para decirle al analizador que no espere la secuencia de comandos.

Answer 2

LABjs es un archivo .js liviano (licencia MIT) que permitirá que su secuencia de comandos se cargue en paralelo con el marcado - tiene el potencial de mejorar significativamente el tiempo de carga de la página - pero tenga cuidado de hacer uso de la espera() función para garantizar que se respeten las dependencias.