We have been working on reducing the amount of bytes that we send to all Fider users. Being a web application built with React, we have focused on JS and CSS. On this post we share our learnings, some concepts and suggestions on how you can do the same with your web application.
webpack
webpack bundles JavaScript, CSS, HTML, WebAssembly and assets into optimized output for browsers, Node.js, Deno, Bun and other environments.
Google+ | web.dev
We hit our goal of never downloading more than 60k of HTML, 60k of JavaScript and 60k of CSS at any one time!
Frontend Minimalism in Action: Do More With Less JavaScript | Peter Kröner | webinale Berlin 2026
Mantine
A fully featured React components library with 120+ customizable components, hooks, and utilities. Build accessible web applications faster.
Web bloat isn’t a knowledge problem | Christian Heilmann
There is a consensus among all browser makers and lovers of the web: the current state of the web is a mess. The average web page is 2.4 megabyte big and has over 200 requests.
Next.js by Vercel - The React Framework
Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.
Andreas Kling on Twitter / X
Approximate browser engine team sizes:- Chromium: 1000- WebKit: 100- Ladybird: 10I don't have a point to make, just fascinated by the massive difference in scale.— Andreas Kling (@awesomekling) January 9, 2025
webpackのDLLバンドルを使ってビルドを速くする - Qiita
How to make your Webpack builds 10x faster 「webpackビルドを10倍速くする方法」というスライドを見つけた。 内容を要約すると、こんな感じ。 css-loaderは0.15未満を使う cacheDiretoryはデフォルトで...
Multi-process Firefox brings 400-700% improvement in responsiveness | TechCrunch
Earlier this summer I wrote about Mozilla's efforts to rollout a multi-process architecture, codename Electrolysis, for Firefox. In the months since,
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
2021 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2021: trends about front-end and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
schalkneethling/css-benchpress
css-benchpress aims to help developers and tooling authors discover where CSS patterns become performance problems by growing realistic web-platform test cases until measurable regressions appear.
How to Build a Low-tech Website?
Our new website is designed to radically reduce the energy use associated with accessing our content.
The Browser's Main Thread Is Expensive | kciter.so
What comes to mind when you hear "frontend optimization"? For most of us it's things like reducing network requests, shrinking the bundle,…
