En nuestro afán por permitir que nuestros usuarios creen contenidos interactivos más versátiles, nos encontramos con un problema habitual: el rendimiento. El rendimiento ayuda a retener a los usuarios y desempeña un papel fundamental en el éxito de cualquier iniciativa en línea. Por eso, recientemente lo hemos mejorado optimizando todos los proyectos y contenidos para que carguen a toda velocidad.
Medidas De Optimización
hemos reescrito el script del código para insertar, eliminando la dependencia de jQuery y reduciendo así el tamaño de aproximadamente 80kb a 2.5kb
hemos dividido todos los componentes en distintos fragmentos de JS, de modo que cada proyecto carga solo los componentes que necesita
hemos depurado las inclusiones de CSS para no incorporar nada que no necesitemos (reduciendo el tamaño del CSS incluido de ~80kb a ~7kb)
hemos hecho que los scripts de JS se carguen de forma asíncrona para que los usuarios puedan interactuar más rápido con los proyectos.
Nuestros Resultados
El resultado: el proyecto antiguo está a la izquierda y el nuevo, a la derecha:
El resultado es una clara mejora en la velocidad de carga de los proyectos, que también se refleja en la puntuación de Google PageSpeed Insights.
Como última mejora de UX, hemos añadido un indicador de carga animado a cada proyecto para que tus usuarios no se queden ante una página vacía mientras se carga el proyecto.
Esperamos que estas optimizaciones de rendimiento tengan un efecto positivo en tus tasas de conversión y nos encantaría conocer tu opinión después de que pruebes los proyectos.
