Keeping things fresh with stale-while-revalidate
Reducing CSS bundle size 70% by cutting the class names and using scope isolation
Fixing memory leaks in web applications | Read the Tea Leaves
CSS and Network Performance – CSS Wizardry – Web Performance Optimisation
Self-Host Your Static Assets – CSS Wizardry – Web Performance Optimisation
(516) Speed at Scale: Web Performance Tips and Tricks from the Trenches (Google I/O ’19) - YouTube
Web Performance Calendar » Gradient Image Placeholders
Umar Hansa on Twitter: "JavaScript Tip ⚡️ Automatically remove an event listener after it has executed. el.addEventListener('click', console.log, { once: true }); Removing event listeners, assuming they're not needed anymore, with {once: true} will help performance. #100DaysOfCode #JavaScript https://t.co/kiNWT1dp5f" / Twitter
Web Performance Calendar » Optimizing Performance with the Import-on-Interaction Pattern
Matija Grcic on Twitter: "You can use #puppeteer to programmatically collect code coverage, see a simple example below. #perfnow @perfnowconf @8westconsulting https://t.co/1Z06wtKBAw" / Twitter
Designing a GraphQL server for optimal performance - LogRocket Blog
davidea.st - Why it's tricky to measure Server-side Rendering performance
Web Performance Calendar » Tracking CPU with Long Tasks API
New Performance Metric: What is Largest Contentful Paint? | by Daniel Flege | Speedrank.app | Medium
CSS used to highlight potential performance issues
Can You Afford It?: Real-world Web Performance Budgets - Infrequently Noted
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…
Events | Global site tag (gtag.js) | Google Developers
Enhanced Ecommerce (UA) Developer Guide
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.
Custom Dimensions and Metrics | Analytics for Web (analytics.js)
Analytics for Web (analytics.js) | Google Developers
Events: All properties - Analytics Help
Adding these events to your website or mobile app helps you measure additional features and behavior as well as generate more useful reports. Because these events require additional context
Ecommerce | Google Analytics 4 Properties | Google Developers
Why Perceived Performance Matters, Part 1: The Perception Of Time — Smashing Magazine
Those of us who consider ourselves developers, including me, are very task-oriented. We like to be **guided towards optimal results**, and we find ourselves uncomfortable when there is no clear path to follow. That is why we all want to know how to do things; we like step-by-step tutorials and how-tos. However, such guidelines are based on certain theories, deep knowledge and experience. For this reason, I will not provide you, the reader, with a structured answer to the question of how to make a website faster. Instead, I aim to provide you with the **reasons and theories for why things function in certain way**. I will use examples that are observable in the offline world and, using principles of psychology, research and analysis in psychophysics and neuroscience, I will try to answer some “Why?” questions.
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
Automatic Social Share Images | ryanfiller.com
Improve Page Rendering Speed Using Only CSS | by Rumesh Eranga Hapuarachchi | Dec, 2020 | Bits and Pieces
4 Important CSS tips for faster page rendering
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.