Web Performance
7 items tagged with "web-performance"
Best Practices7
Google Web Vitals
Core performance metrics (LCP, FID, CLS, INP) for measuring real-world user experience.
Progressive Enhancement
A frontend strategy that builds a baseline experience with semantic HTML first, then layers CSS and JavaScript so the site works for every browser and device.
Performance Budgets
A performance budget sets quantitative limits on metrics like page weight, request count, and load timings, enforced in development and CI to stop regressions.
Mobile-First Design
An approach that designs the smallest-screen experience first, then progressively adds layout and features for larger viewports, prioritizing content and performance.
Image Optimization Best Practices
Techniques to reduce image bytes and improve loading using modern formats, responsive sizing, compression, lazy loading, and CDNs without sacrificing visual quality.
Progressive Web Apps (PWA)
Web apps that use service workers, a manifest, and HTTPS to deliver installable, offline-capable, app-like experiences from a single codebase across platforms.
Lazy Loading and Code Splitting
Techniques that defer loading of non-critical code and assets and split bundles by route or component, reducing initial payload and speeding up first load.