The Duality of CLS with Lazy Loading Components
Explains how lazy loading components can cause Cumulative Layout Shift (CLS) on slow connections and offers solutions to prevent it.
Simon Wicki is a Berlin-based Frontend Engineer and freelancer specializing in modern web and hybrid applications, performance optimization, SSR, and framework migrations, with experience leading large-scale apps used by millions.
23 articles from this blog
Explains how lazy loading components can cause Cumulative Layout Shift (CLS) on slow connections and offers solutions to prevent it.
A German court ruled that using Google Fonts violates GDPR by sharing user IP addresses, leading to fines and requiring user consent.
A nostalgic farewell to AngularJS, reflecting on its impact on web development and the developer's personal journey with the framework.
A quick comparison of Interface vs Type Alias in TypeScript, highlighting key differences and use cases for each feature.
Explains why WOFF2 is the optimal web font format, comparing file sizes and browser support, with conversion tips.
A guide to tools for analyzing and reducing JavaScript bundle size, including VS Code extensions and online utilities.
A guide to measuring daily Core Web Vitals using Google Analytics and external tools, bypassing the standard 28-day reporting window.
Explains how list rendering in JS frameworks can cause high Cumulative Layout Shift on slow connections and offers a solution.
Explains Google's Core Web Vitals (LCP, FID, CLS) for SEO, using GIFs to illustrate performance metrics and optimization causes.
A guide to using GitHub Actions to automatically sync your Goodreads reading list to your GitHub profile README.
A guide to practical npx packages that streamline daily developer tasks like cleaning node_modules, killing ports, and serving local files.
Explains why Google Fonts no longer offers caching performance benefits due to browser cache partitioning, advocating for self-hosting fonts.
A developer shares statistics and key lessons learned from launching a browser extension (Notyfy) and achieving #11 on Product Hunt.
Debunks common myths about hybrid mobile apps, arguing they can achieve high performance and smooth UX with modern frameworks and proper development practices.
Explains how to reduce Firebase bundle size by 220kb using webpack's tree-shaking and modular imports.
A guide to adding ES7 async/await support to web applications using Babel and polyfills, with configuration tips for ESLint.
A technical guide on implementing a 'New Update Available' notification for Progressive Web Apps using Service Workers and caching strategies.
Troubleshooting guide for common iOS and Android native build errors encountered when using Cordova plugins, focusing on dependency conflicts.
Explains how to execute code after AngularJS's ng-repeat directive finishes rendering a list using the $last property.
Explains the technical difference between Laravel's Redirect::to() and Redirect::away() methods for internal vs. external URL redirection.