Cómo arreglar el JavaScript en mi sitio web para que se cargue más rápido

Consolide todas sus bibliotecas principales en un solo script. IE jQuery, Backbone, DataTables, lo que sea que tenga, las bibliotecas principales y ponerlas en un solo archivo, llámelo vendor.js

Puede hacerlo a través de una utilidad como WebPack. Querrá uglify y minificar el código también en ese archivo.

Desea colocar todo su javascript cerca de la etiqueta del cuerpo de cierre dentro de él, pero después de todo lo demás. Solo hay algunas excepciones a esta regla. Como usar algo como modenizr o html5shim.

Mantenga los scripts irrelevantes fuera de sus páginas que no necesiten cargarse en una página determinada, sé que es más fácil tener una lista completa de scripts globales cargándose para cuándo y si están en una “plantilla”, pero esta es una forma incorrecta. Su parte superior es pesada y eso significa más tiempo de carga.

También a través de una herramienta como webpack, más allá de vendor.js que mencioné, también es similar a todos sus scripts personalizados, tendrá sus copias de “fuente” que puede leer y escribir, y sus copias de distribución que son minificadas y feas y imposible de preparar, pero ahorrando una cantidad ridícula de espacio. También puede tomar secuencias de comandos específicas para una página determinada y agruparlas todas juntas en este mismo método

Cuantos menos archivos individuales tenga cargando, más rápido será el tiempo de carga. También otra sugerencia es usar repositorios CDN cuando sea posible, ya que eso abrirá más hilos en el navegador para descargar, ya que la mayoría de los navegadores limitan un determinado dominio con tantos hilos por pestaña abiertos para descargar los datos.

Hola. Creo que esto puede ser útil.

PASO 1

Abra la página web en Internet Explorer. Cuando se produce el error, aparece un icono amarillo en la barra de estado inferior. Haga doble clic en el icono para revisar la línea de código que está causando el error. Internet Explorer también muestra el número de línea donde se activa el mensaje de error.

PASO 2

Haga clic derecho en la página HTML o JS que contiene su función de JavaScript. Haga clic en “Abrir con”, luego haga clic en su editor HTML o JS.

PASO 3

Desplácese hacia abajo hasta el número de línea que aparece en la ventana de error de Internet Explorer. Debe identificar el error de sintaxis JS para corregir la codificación. Por ejemplo, si le falta un corchete de cierre o apertura, el motor JS muestra un error y debe agregar estos caracteres para detener los errores.

ETAPA 4

Haga clic en el menú “Herramientas” del navegador y haga clic en “Opciones de Internet” en la lista de opciones. Haga clic en la pestaña “Seguridad” en la parte superior de la ventana resultante.

PASO 5

Haga clic en “Nivel personalizado” para abrir las opciones de seguridad. Haga clic en “Habilitar” para “Scripting activo” en la sección “Scripting”. Haga clic en “Aceptar” para guardar la configuración. Esta opción detiene los errores de JavaScript causados ​​por la seguridad en el navegador.

Si ayuda, por favor compártelo con otros 🙂 ¡Comparte para compartir!

Gracias por A2A.

Considere mover tantos archivos js como pueda al final de la página. Hay complementos disponibles que pueden ayudar con eso también.

Definitivamente configure su caché W3C para almacenar en caché tanto como pueda. Considere la optimización de imágenes: use compresión sin pérdidas y sirvalas de CDN. Es posible que desee considerar también servir archivos js de CDN si tiene sentido.

Finalmente, intente ejecutar un sitio optimizado, eche un vistazo a sus complementos y pregúntese: ¿realmente necesito esto? Cuantos más complementos tenga, más hinchado estará su sitio, mantenga el mínimo absoluto necesario.

Finalmente, además de Page Speed, recomendaría ejecutar WebPageTest: te ayudará a determinar qué recursos tardan más en cargarse y qué tan rápido responde tu servidor.

  1. Elimine cualquier archivo JS del encabezado a menos que sea necesario como adsense y otros
  2. Cargue el control deslizante JS, etc. después de cargar el sitio
  3. Use minify (también puede minificar el código de anuncio)
  4. Incluso programa para colocar los códigos de anuncios dinámicamente
  5. Aproveche el almacenamiento en caché del navegador (lo más importante)

el siguiente enlace debería ser de gran ayuda

[VIDEO] 5 consejos para acelerar su sitio web? Estos consejos de optimización de páginas web le darán a Sonic Boom

[VIDEO] 10 consejos para acelerar su sitio web? Consejos de optimización de páginas web

Normalmente, los javascripts deben cargarse después de css y html, para que el usuario pueda ver el sitio web mientras se carga js.

La mayoría de los proveedores de terceros ofrecen código asincrónico para sus widgets / herramientas. En cuanto a su propio código, puede moverlo al final del documento o usar uno de los métodos de carga de javascripts asíncronos.

Esto puede romper algún código, así que pruebe antes de la implementación 🙂