Sab Fried Rice
Un thème de restaurant acheté, reconstruit de zéro : de 58,8 Mo à 1,06 Mo.

- Rôle
- Seul développeur et designer
- Année
- 2025–2026
- Outils
- HTML, SCSS/Sass, Bootstrap 5 (CSS uniquement), JavaScript natif, Handlebars partials, webpack 5, Python + Pillow, Render, Cloudflare, Google Analytics 4
Le site vitrine de Sab Fried Rice, un restaurant thaïlandais et laotien à Fort Smith, dans l'Arkansas. Il donne aux habitants le menu, les horaires, l'adresse et les liens de commande, et donne à Google les données structurées dont il a besoin pour bien les afficher.
J'ai repris un thème acheté et je l'ai reconstruit. La page d'accueil pesait environ 42 Mo de photos brutes et un bundle JavaScript de 2,99 Mo. J'ai écrit un script Python/Pillow qui génère des dérivés WebP, remplacé mapbox-gl, FontAwesome, Bootstrap JS, Flickity, Isotope et Jarallax par environ 3 Ko de JavaScript écrit à la main, et ajouté un budget de performance dans webpack pour empêcher toute régression.
J'ai aussi regroupé les horaires, l'adresse et les liens de commande dans un seul fichier JSON pour qu'ils cessent de diverger entre les pages, et redessiné la palette et la typographie en mesurant chaque paire de contraste.
Écrans
