Victor DumeigeSab Fried Rice
Una plantilla comprada reconstruida desde cero: de 58.8 MB a 1.06 MB.
- Rol
- Único desarrollador y diseñador
- Año
- 2025–2026
- Herramientas
- HTML, SCSS/Sass, Bootstrap 5 (solo CSS), JavaScript nativo, Handlebars partials, webpack 5, Python + Pillow, Render, Cloudflare, Google Analytics 4
El sitio de marketing de Sab Fried Rice, un restaurante tailandés y lao en Fort Smith, Arkansas. Le da a la clientela local el menú, los horarios, la dirección y los enlaces para pedir, y le da a Google los datos estructurados que necesita para mostrarlos correctamente.
Tomé una plantilla comprada y la reconstruí. La página de inicio pesaba cerca de 42 MB en fotos sin comprimir y un paquete de JavaScript de 2.99 MB. Escribí un script en Python/Pillow que genera derivados en WebP, reemplacé mapbox-gl, FontAwesome, Bootstrap JS, Flickity, Isotope y Jarallax por unos 3 KB de JavaScript escrito a mano, y agregué un presupuesto de rendimiento en webpack para que no pueda empeorar.
También moví los horarios, la dirección y los enlaces de pedido a un solo archivo JSON para que dejen de desalinearse entre páginas, y rediseñé la paleta y la tipografía midiendo cada par de contraste.
Pantallas
