Skip to content

1.1.0 - Web Performance Guide

Choose a tag to compare

View all tags
@ziniman ziniman released this 16 Mar 08:26
· 36 commits to main since this release
v1.1.0
be13439

What's new

New guide: Web Performance

A comprehensive reference for measuring and improving web performance:

  • Core Web Vitals (LCP, CLS, INP) - thresholds, what each measures, field vs. lab data
  • LCP optimization - preload hints, fetchpriority, server response time, render-blocking resources
  • Image optimization - AVIF/WebP conversion, responsive images, lazy loading
  • Font loading - preconnect, font-display, self-hosting vs. Google Fonts
  • JavaScript bundle size - code splitting, tree shaking, dynamic imports
  • Legacy JavaScript and browser targets - browserslist, modern bundle output
  • Third-party JavaScript - deferring, facades, impact measurement
  • CSS build size - Tailwind purging, unused styles
  • CDN and caching - cache headers, immutable assets, invalidation strategies
  • Measurement and validation tools - PageSpeed Insights, Lighthouse, Search Console, WebPageTest

Also in this release

  • Web Accessibility guide updated with color contrast depth: rgba pitfalls, Tailwind slate palette reference, and brand color token patterns
  • New usage method in README: on-demand chat referencing (point your AI to ai-docs/ without permanent config)
  • .planning/ added to .gitignore
  • npm package cleaned up with files whitelist (no dev artifacts published)
Assets 2
Loading