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 (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.
Highlight features
AI performance tab (PDP)
A chart comparing a product AI/render power (OctaneBench, V-Ray) against same-tier cards, from real benchmark data.
Live search
Instant product suggestions as you type (name, price, image).
AJAX filter
Filter by brand, price range, promotions… updating the product grid without a page reload.
Company VAT invoice
Right at checkout: enter the tax code to auto-look-up the company name & address, and email the e-invoice.
Measured performance (PSI)
Google PageSpeed — 12 Jul 2026:
- Mobile 91 · LCP 3.0s · CLS 0.001
- Desktop 97 · LCP 0.7s · CLS 0.002
Compared to popular commercial themes
| Feature | Tân Doanh | Flatsome | WoodMart |
|---|---|---|---|
| Architecture | FSE block theme (modern WP) | UX Builder | Elementor / WPBakery |
| Built-in PC configurator | ✓ | ✗ | ✗ |
| Real-time product mirror from production | ✓ | ✗ | ✗ |
| AI / gaming performance tab on PDP | ✓ | ✗ | ✗ |
| Company VAT invoice at checkout (tax lookup) | ✓ | ✗ | ✗ |
| PSI mobile / desktop | 93-99 / 100 | ~70-85 | ~70-85 |
| Redis object cache + Nginx tuning | ✓ | ~ | ~ |
No heavy page-builder — hand-tuned for Core Web Vitals with bespoke commerce features.