How I brought LCP down to under 350 ms for Google-referred users on my website
Performance
LCP & FCP for Single Page Applications on Soft Navigations
Taylor Beseda /blog/super-helpful-server-timing-http-response-headers
Bridging the Digital Divide using Web Performance by Matt Hobbs
Experimenting with measuring soft navigations | Web Platform | Chrome for Developers
All my favorite tracing tools: eBPF, QEMU, Perfetto, new ones I built and more - Tristan Hume
Fastest Way of Passing State to JavaScript, Re-visited
Digging through Chrome traces: an introduction with an example
A checklist for CLS scenarios
INP meets Puppeteer
Who stole my Largest Contentful Paint?
Psychology of Speed: A Guide to Perceived Performance - Calibre
How Uber Computes ETA at Half a Million Requests per Second
Common mistakes with the Next.js App Router and how to fix them – Vercel
Guide to fast websites with Next.js: Tips for maximizing server speeds and minimizing client burden – Vercel
How Core Web Vitals affect application SEO: Understanding Google page experience ranking and Lighthouse scores – Vercel
How Trendyol reduced INP by 50%, resulting in a 1% uplift on click-through rate | web.dev
A New Technique for Image Optimization: SVG Short Circuiting—zachleat.com
JSON-LD Schema Generator For SEO - SEO Consultant
I am so sorry but this free SEO tool doesn't work very well on mobile devices. ? For best performance please open this page using a device with a view
Favicon Generator for perfect icons on all browsers
The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.
Monster Mash: New Sketch-Based Modeling and Animation Tool
Monster Mash is a new sketch-based modeling and animation tool that allows you to quickly sketch a character, inflate it into 3D, and promptly animate it. You can perform all interactions in the sketching plane. No 3D manipulation is required.
A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.
Angular Performance Tuning: 15 Ways to Build Sophisticated Web Apps
Explore ways and techniques to build faster Angular apps and improve the performance of your existing Angular apps in this Angular performance blog post.
The Complete Guide to Angular Performance Tuning – Christian Lüdemann
It is common to see Angular apps gradually getting slower over time. Even through Angular is a performant framework, apps will start to become slow as they grow if you are not aware of how to devel…
Server Timing in the Wild. How we expose web performance in… | by Christopher Sidebottom | BBC Design + Engineering | Medium
How we expose web performance in iPlayer
All the Ways to Make a Web Component - October 2020 Update
Compare coding style, bundle size and performance of 61 different ways to make a Web Component.
Optimizing Performance – React
A JavaScript library for building user interfaces
Flame Graphs
Homepage for Flame Graphs: a visualization for stack traces.
React is slow, what now? | NoSleep Javascript Blog
We study React applications performance from the ground up, the processes involved, the tools to measure and identify slow parts, the important metrics to take in account, how these impact the UX and the various ways there are available to make applications super fast and smooth. Grab a cup of coffee and enjoy the ride. By franleplant
Angular 2 — Improve Performance with trackBy | by Netanel Basal | Netanel Basal
The Problem: