Sitio web FHS-Rupprecht (relanzamiento)

Relanzamiento del sitio existente de FHS-Rupprecht – Fliesen Heizung Sanitär (azulejos, calefacción, sanitarios) en Leverkusen. El sitio anterior no era de nuestra autoría: una plantilla genérica, sustituida por un sitio reconstruido por completo, puramente estático, en HTML, CSS y JavaScript nativo — sin framework y sin CMS.

Objetivos: • Una imagen propia en lugar de una plantilla genérica • Tiempos de carga rápidos también en redes móviles • Sin cookies, sin seguimiento, sin terceros • Un formulario de contacto que funcione también sin JavaScript

Implementación: • Sistema de diseño basado en los colores de marca existentes —cobre, rojo sangre y arena—, con el azulejo a juntas encontradas y la junta visible como motivo conductor • Marca gráfica en SVG, tipografía Fraunces y Figtree, fuentes alojadas localmente • Imágenes responsivas en AVIF, WebP y JPEG, ajustadas a los tamaños de visualización medidos • CSS de la página de inicio integrado directamente en el HTML, entrega con gzip y caché de navegador prolongada • Formulario de contacto en PHP con honeypot, bloqueo temporal y protección contra la inyección de cabeceras • Mapas solo enlazados, por lo que no hace falta banner de cookies • Datos estructurados, sitemap, redirecciones 301 de las direcciones antiguas, HTTPS y cabeceras de seguridad • Alojamiento Apache en Strato, paquete de subida generado con un script propio

Valores medidos (Lighthouse, móvil): • Rendimiento 97 • Prácticas recomendadas 100 • SEO 100 • Largest Contentful Paint 1,9 s • tiempo de bloqueo 0 ms • desplazamiento del diseño 0 • peso total de unos 225 KB; la página de inicio transfiere unos 15 KB de HTML incluido el CSS

Accesibilidad: • HTML semántico • Manejo completo con teclado • prefers-reduced-motion • Contraste suficiente; probado en Chrome y Safari/WebKit de 320 a 1920 px de ancho

Sitio web: fhs-rupprecht.com