Section 08 of 09
Website engineering
08Website engineering
salsabeel-re.ae was rebuilt from WordPress to a static Astro site on Cloudflare Workers with a small Worker API, bilingual pages for every project, a blog for answer-engine visibility and the tracking described above.
Before
40
LCP 9–10 s
After
98
LCP ≈2 s
- Performance: mobile Lighthouse from about 40 to 96–100, LCP from 9–10 s to about 2 s, layout shift near zero. Tag scripts load on first interaction or after 3.5 s while page-view events queue immediately with their IDs; fonts self-hosted in Latin and Arabic subsets; hero images in WebP with srcset.
- Motion: GSAP, Lenis and React islands on desktop only, loaded after the page is interactive; conversion elements never animate in the way.
- Lead path: /api/lead with Turnstile, honeypot and rate limit; /api/ev beacon for server-side browse events; /w/<code> short WhatsApp links with per-rep reference; /api/sheet renders the payment sheet; /api/chat serves the site assistant.
- Content and AEO: project pages with escrow and permit numbers, floor plans, payment plans, FAQs, an Ajman buying guide as lead magnet, a blog, sitemap.xml and llms.txt, hreflang EN/AR, PDPL-reviewed privacy policy and consent texts.
- Verification: Playwright checks after every change at 390 and 1440 px for console errors, overflow and the tracking events; push to main deploys through Workers Builds.
Want this for your projects?
The whole stack, or one piece of it. WhatsApp is fastest.