Web performance
Performance is a product feature: it changes conversion, rankings and how much your infrastructure costs. This collection goes from the metrics Google uses to the concrete levers that move them.
Start with Core Web Vitals to understand what is measured, then move to HTTP caching and bundle analysis for the changes that usually pay off first.
Start here
-
How Core Web Vitals works
Understand Google's Core Web Vitals: LCP, FID and CLS. Learn how these metrics affect rankings and how to optimize the user experience on the website.
-
HTTP Caching and CDN with Cloudflare - Complete Guide
Learn how to implement HTTP caching with the Cloudflare CDN to improve web application performance, reduce server costs and make your pages load faster.
-
Optimizing Indexing with Astro
Discover how Astro improves site indexing with static rendering, zero JavaScript and SEO techniques to maximize visibility in search engines.
All articles (9)
-
HTTP Caching and CDN with Cloudflare - Complete Guide
Learn how to implement HTTP caching with the Cloudflare CDN to improve web application performance, reduce server costs and make your pages load faster.
-
Persistent Storage in Nuxt with Unstorage
Learn how to use Unstorage on Nuxt to persist server-side data with Redis and Cloudflare KV. Complete guide with practical storage examples in Nuxt 3.
-
How to store data in the browser without making a mess
Understand when to use localStorage, sessionStorage and IndexedDB. Practical guide with e-commerce examples to store data in the browser in an organized way.
-
Optimizing Indexing with Astro
Discover how Astro improves site indexing with static rendering, zero JavaScript and SEO techniques to maximize visibility in search engines.
-
Reactivity: SolidJS vs React vs Vue
Compare the reactivity systems of React, Vue and SolidJS: re-rendering, proxies and signals. Understand the differences and the impact on front-end performance.
-
How to Preserve Component State Between Routes with KeepAlive in Nuxt 3
Learn how to use KeepAlive in Nuxt 3 to preserve the state of components between route changes and ensure a more fluid and performant experience.
-
How Core Web Vitals works
Understand Google's Core Web Vitals: LCP, FID and CLS. Learn how these metrics affect rankings and how to optimize the user experience on the website.
-
How to add webpack package analysis to your nuxt project
Learn how to configure webpack bundle analysis in Nuxt with an interactive treemap to visualize and optimize your application's bundle size.
-
Metrics to Measure Software Performance
Understand the main software performance metrics: latency, throughput and scalability. How to monitor and optimize systems for high availability.