Context
The tandoanh.vn store ran a heavy legacy theme with low PSI. It was rebuilt as an FSE block theme, performance-first.
Breakdown
FSE block theme
Header, footer and templates are all blocks editable in the Site Editor; VI/EN i18n rendered server-side.
Performance (PSI-first)
Correct critical CSS, metric-matched font subsetting to kill CLS, WebP + lazy, script pruning, PSI-first tuning (measured below).
WooCommerce
Product cards, PDP, performance/gaming tabs, native installment, custom checkout.
Real-time mirror
Instant product/price/stock sync from production (push-on-save + fingerprint reconcile).
Interface
Dark mode
Device-aware dark/light with smooth switching and preserved brand identity.
Seasonal decor
Restrained line-art seasonal presets toggled from the admin: Lunar New Year, Christmas, Halloween, Summer, Winter, National Day.
Measured performance (PSI)
Google PageSpeed — 12 Jul 2026:
- Mobile 91 · LCP 3.0s · CLS 0.001
- Desktop 97 · LCP 0.7s · CLS 0.002