Realmente, no hay una bala mágica para hacer que un sitio web se cargue más rápido, pero puede hacer algunas cosas para ayudar. Afortunadamente, puedes encontrar algo de esta magia cocinada directamente.
Echa un vistazo a algunos de los kits de inicio de reacción. Por ejemplo, React Boilerplate (GitHub – react-boilerplate / react-boilerplate: una base altamente escalable, fuera de línea, con la mejor experiencia de desarrollador y un enfoque en el rendimiento y las mejores prácticas). Como parte del proceso de compilación, la aplicación se dividirá en varias piezas más pequeñas que solo se cargarán cuando sean necesarias. Del mismo modo, hay kits de inicio para Angular2 que harán lo mismo, como Angular2 Webpack Starter (GitHub – AngularClass / angular2-webpack-starter: un kit de inicio angular con Angular 2 y Angular 4 (Router, Http, Forms, Services, Pruebas, E2E, Dev / Prod, HMR, Async / Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript 2, TsLint, Codelyzer, Hot Module Replacement, @types y Webpack 2 de @AngularClass).
El verdadero truco en ambos casos lo lleva a cabo Webpack, que se utiliza en el proceso de compilación para vincular las distintas piezas de su aplicación, generalmente por ruta. Por lo tanto, si tiene dos partes de la aplicación, una debajo de / login y otra debajo de / app, ambas se cargarán individualmente, según el lugar donde el usuario cargue el sitio. Si su sitio está cargando todo el JavaScript y CSS inmediatamente en la carga de la página, esto definitivamente puede disminuir el tiempo de carga de la página.
- ¿Cuál es el mejor servidor VPS para empresas medianas con grandes bases de datos?
- Cómo ejecutar mis consultas 24 x 7 en mi aplicación y obtener continuamente resultados para el mismo
- ¿Cuáles son algunas calificaciones para mi sitio web lastdaydeal.com? ¿Qué puedo hacer mejor?
- ¿Qué tan fácil es construir una extensión de Shopify? Entiendo que es una pregunta demasiado genérica, así que digamos en comparación con la extensión Magento eCommerce.
- ¿Dónde puedo encontrar el proveedor de alojamiento para un sitio web específico? Tengo un cliente que no tiene ninguna información sobre su sitio web.
Sin embargo, si el tiempo de carga pesado se basa completamente en la representación, en lugar de cargar activos, entonces tendrá que centrarse más en la aplicación misma. React tiene un conjunto de herramientas de rendimiento integradas (Performance Tools – React). Me imagino que Angular2 tiene algo similar. Un buen lugar para comenzar, en cualquier caso, es usar las Herramientas para desarrolladores de Chrome para tener una idea de cómo se procesa la página (Cómo usar la herramienta de línea de tiempo | Web
El | Desarrolladores de Google).
Finalmente, si su sitio web se carga lentamente debido a la carga de una gran cantidad de datos, el almacenamiento en caché agresivo de los datos de uso frecuente y el examen de los cuellos de botella en la base de datos pueden ayudar. Puede comenzar revisando el kit de herramientas de Percona para explorar una variedad de problemas (documentación del kit de herramientas de Percona).
¡Buena suerte!