How HTTP/2 Made Five Frontend Performance Best Practices ObsoleteRelated: Network Optimization for SPAs and React Apps covers the modern optimization techniques that work with HTTP/2 rather than around HTTP/1.1's limitations. In 2012, a frontend developer optimizinJun 9 · 9 min readhelloashish.hashnode.dev
React.lazy() Route Code Splitting ExplainedRelated: JavaScript Bundle Analysis: Tree Shaking and Code Splitting Explained covers how bundlers construct module graphs and where tree shaking fails, which is the foundation for understanding what Jun 7 · 9 min readhelloashish.hashnode.dev
Skeleton Screens vs Spinners: Perceived Load TimeRelated: Core Web Vitals and Lighthouse Explained covers how Google measures performance in the field, including how perceived performance metrics like INP differ from load metrics. Two pages load in Jun 5 · 9 min readhelloashish.hashnode.dev
srcset and sizes: How the Browser Picks ImagesRelated: What loading="lazy" Does and Why Google Added It to the HTML Spec covers the other half of image loading behavior that pairs with responsive image selection. A user on a 375px iPhone with a 3Jun 3 · 9 min readhelloashish.hashnode.dev
What loading=lazy Does: Browser Lazy LoadingRelated: Images, Fonts, and Third-Party Scripts: LCP and CLS Killers covers the full image performance picture including format selection and preloading strategies. If you have ever added loading="lazJun 1 · 7 min readhelloashish.hashnode.dev