Haz todo lo posible por interpretar el código de forma correcta previamente a utilizarlo a tu proyecto si tdeseas aportar algo puedes dejarlo en la sección de comentarios.
Solución:
Por el aspecto de su enlace, no ha creado una versión de producción de sus activos y, actualmente, todos los mapas de origen están en su app.js file, que agregará una gran cantidad de tamaño de archivo, la salida css y js tampoco se comprime/minifica.
Asumiendo que estás usando laravel elixir, solo necesitas ejecutar gulp --production y esto eliminará los mapas de origen, comprimirá las salidas js y css, etc.
Lo más obvio que puedes hacer es correr npm run prod. Esto compilará los activos para su uso en producción. Pero en la mayoría de los casos, debe buscar otras soluciones además de ejecutar npm run prod. Si su archivo de producción es demasiado grande, debe verificar sus dependencias. Elimine las dependencias innecesarias y asegúrese de no usar muchas bibliotecas externas. Por ejemplo, si usa Bootstrap, debe confiar en las alertas de Bootstrap para mostrar alertas en lugar de usar un paquete Vue para mostrar alertas. Admito que a veces necesitará usar una biblioteca externa para hacer que su sitio web sea interactivo, pero para lograrlo, tendrá que sacrificar el rendimiento. Entonces, su mejor apuesta para reducir el archivo app.js es usar las dependencias externas mínimas en su paquete.json.
Lo segundo que puede hacer es usar HTML mínimo en las plantillas de sus componentes. Muchos componentes con mucho HTML/CSS contribuirán a un archivo app.js más grande. Este es otro enfoque más que dará como resultado un archivo app.js más pequeño.
Por último, debería considerar usar las ranuras de componentes de Vue para pasar contenido HTML a sus componentes. Esto dejará el HTML en su static Los archivos y solo los datos de JavaScript (llamadas a la API, accesorios, etc.) se compilarán en el archivo app.js. Este es un enfoque eficaz para crear un archivo app.js más pequeño.
Editar: puede eliminar los scripts JQuery y Bootstrap del archivo bootstrap.js e incluir estas dependencias por separado. Siempre es una buena idea tener algunos scripts más en lugar de tener un script muy grande. es decir, los navegadores realizan descargas paralelas y, por lo tanto, usar las dependencias de JQuery y Bootstrap por separado es una buena idea.
Para las personas que usan Laravel Mix, solo necesitan ejecutar npm run prod para comprimir y eliminar mapas de origen de app.js sí mismo.
Si conservas algún titubeo y disposición de arreglar nuestro crónica eres capaz de ejecutar una acotación y con deseo lo interpretaremos.