How We Build NG-MY Website: Performance, SEO..
summary
NG-MY website runs on a $0 stack: static site hosted on Firebase with CI/CD via Husky + Travis -> Firebase hosting, automated linting on commit, and Angular CLI extended with a custom webpack config. SEO uses pre-rendering (prerender-spa-plugin backed by pre-render with puppeteer), an auto-generated sitemap, and robots.txt replacements per environment. Performance wins come from SVG cleanup (SVGO), responsive images and conversion to WebP + picture fallback, lazy-loaded routes, OnPush change detection and differential bundles; PageSpeed scores hit mid-90s.
AI-written summary · about
chapters (8)
- 0:00Introduction by team
- 1:34Building with minimal cost
- 5:31SEO challenges in SPA
- 10:43Collaboration and CI/CD
- 12:54Performance optimization
- 20:34Font and icon optimizations
- 22:56JavaScript lazy loading
- 27:00Behind the scenes effort
related talks
40mNon-trivial optimization techniques in Angular
22mBuilding Fast Angular Applications from End
38mThe magical combination for creating a modern website
36mNuxt, Storyblok & Netlify
30mDazzingly discoverable, furiously fast web apps with Angular
20mTools for Fast Angular Applications
28mBuilding search engine friendly web UIs with JavaScript
17mRethinking Angular Architecture & Performance