Etiena pasa a la versión 3.0! Que cambia?
Damos una calurosa bienvenida a la nueva versión 3.0 de Etiena.com. Una idea surgida durante un proceso de capacitación individual lo cual me hizo aprender un montón de nuevas cosas y me dio las herramientas necesarias para realizar un sitio web de alto rendimiento. Escrito completamente "desde cero", sin el uso de CMS y relativos complementos ni plantillas preexistentes y ni siquiera reutilización de código escrito por otros.
¿Que ha cambiado?
La versión anterior 2.0 se basaba en una estructura CMS de Wordpress, mientras que la versión actual 3.0 ha sido escrita meticulosamente en HTML, CSS, JAVASCRIPT y PHP; lo cual permite que el sitio sea más ligero, rápido, funcional y performante. A continuación algunas novedades:
- Tecnología WAI-ARIA para la interacción de los usuarios con discapacidades
- Etiena.com también es una Progressive Web App
- Service worker para una descarga de los datos súper rápida
- Ajuste del contraste claro & oscuro
La clave para el éxito
El código de cada página en esta versión 3.0 ha sido optimizado y estudiado en detalle, a continuación algunos de los puntos más importantes:
- Imágenes y fotografías en formato WEBP
- Videos en formato WEBM
- Tag picture con atributo media para cargar la imagen adecuada al tipo de dispositivo
- Uso de la metodología BEM para escribir clases en la estructura HTML evitando así el abuso de clases múltiples, tags redundantes e inútiles
- Tecnología Service Worker para una utilización óptima de la caché
- Iconos SVG locales preferidos a iconos externos cargados por CDN
El desafio 100% de Google Lighthouse
Después de reescribir y rediseñar las páginas de esta aplicación web, decidí usar Google Lighthouse como examen final. Google Lighthouse es una herramienta del "dev tool" de Google Chrome capaz de medir la calidad de las páginas web bajo varios aspectos.
Con mucho trabajo y perseverancia, estoy orgulloso de haber logrado los puntajes más altos de Google Lighthouse: 100% de rendimiento, 100% de accesibilidad, 100% de mejores prácticas y 100% de optimización de motores de búsqueda.