JavaScript is one of the biggest contributors to long website loading times. Here’s how you can speed up your JavaScript loading. — In many modern websites, there is a lot of JavaScript. In fact, according to the HTTP Archive, the average desktop page had over 500 kilobytes of JavaScript. The problem is that JavaScript takes time both to download and parse, which makes websites load much slower and therefore affects retention, as…

Learn more about the past, present, and future of React and things like Remix, React 18, Solid, and more. — React is one of the most popular JavaScript frameworks out there. While many other frameworks offer some advantages, React has retained dominance. There is also a vast ecosystem around React, which is changing quickly. …

Font loading can hurt performance a lot. This article shows you how to reduce the impact. — Fonts are popular tools on the web nowadays. Most modern websites use custom fonts, usually from Google Fonts, because it adds a custom touch to the interface and allows for more options. However, there are many performance implications with fonts on the web. Fonts are often hundreds of kilobytes and…

Learn more about the past, present, and future of bundlers like Webpack, Rollup, and Vite — Ever since Browserify, bundlers have been extremely important in the web ecosystem. They provide the ability to automatically process code, which opens up opportunities for performance optimization and non-native languages. This article looks at the background of bundlers, why they are essential, and their current state.

What are serverless functions, why do they matter, and how are they currently used for server-side JavaScript? — Serverless functions (also known as Function as a Service) execute code statelessly on the Cloud. This means that they can do things like scale infinitely and run anywhere. There are many different serverless function providers, like AWS Lambda, Cloudflare Workers, and Vercel. Background of Serverless Functions

Deno is a modern JavaScript runtime, competing with Node.js, that promises features like secure I/O and built-in TypeScript support. Ryan Dahl, Node.js’ original creator, created Deno, building it in Rust. Background of Deno

What is WebAssembly, why does it matter, and how is it currently used on the web? — WebAssembly (WASM) is a new assembly-like language on the web that aims to allow developers to write fast, portable code in the language of their choice. It is currently usable in all modern browsers and Node.js, and some WebAssembly only runtimes. Background of WebAssembly A coalition of browsers created WebAssembly in 2015 as…

How I built Microdiff and how it is faster than most other object and array diffing libraries — I maintain Microdiff, a performance and size optimized library for deep object diffing. Someone posted in a Microdiff issue that asked me to write a blog post about how I made Microdiff fast. I believe that an explainer (perhaps a blog post?) of the inefficiencies you’ve noticed with other libraries…

What are the differences between Single Page Apps (SPA), Server Side Rendered Sites (SSR), and Static Site Generator based sites (SSG)? How do they compare in performance, SEO, developer experience, and flexibility? …