Aumentando la velocidad de un sitio, convirtiéndolo de un SPA a un PWA (Optimización completa)

Blog image

Después de realizar un SPA (Single Page Application) con Vue.js y Symfony para el club nocturno EME de Miami (https://ememiami.com), decidimos ir más allá y lograr una aplicación PWA (Progressive Web Application), mediante Nuxt.js que nos permitió mejorar el tiempo de carga de la página web mediante la técnica SSR (Server Side Rendering).

Pero, cuáles son los beneficios de haber hecho ésto?

Los beneficios son muchos:

  • Optimización de motor de búsqueda (SEO).
  • Carga inicial del sitio más rápida.
  • Conseguir que dicha web proporcione un contenido mínimo cuando nuestro dispositivo no tenga acceso a internet.
  • Mejorar la experiencia de usuario (UX) con sistemas de caché local inteligente o con carga dinámica de contenido y librerías.
  • Posibilidad de instalar la web en móviles, tablets o PC de escritorio como si fuera una APP y poder enviar push notifications.

Para poder corroborar ésto (más allá del cambio notable en la experiencia y en los beneficios mencionados), usamos la herramienta de Google para auditar páginas webs llamada Google Lighthouse. A continuación mostramos el antes y después de aplicar las tecnologías y métodos mencionados anteriormente:

Antes:

Despues:

Como se puede apreciar, los cambios son notables.

En la siguiente imagen se ve como el navegador te pregunta si querés instalar la web como aplicación:

 

Como cada web es única, si quieres saber cómo puedes aplicar esto en tu sitio web envíanos un mensaje para analizar específicamente tu caso y así poder aprovechar de los beneficios de una PWA.

PWA
Compartir este Post:
Diego Adrián D'Amico
Me gusta el fútbol y la tecnología. Tengo 34 años, estoy casado, tengo un hijo y 2 perros.
Busco constantemente la manera de mejorar y progresar tanto a nivel personal como profesional

0 Comentarios

Deja tu comentario