“performance” Archive (2)
- Measuring the Performance of Typefaces for Users II · · typography, fonts
- Measuring the Performance of Typefaces for Users · · typography, fonts
- Don’t Sink Your Website With Third Parties · · embed-code, dependencies
- Two Lines of CSS That Boosts 7× Rendering Performance · · css, rendering
- Conditionally Loading CSS or Any Resource Using Media Queries · · html, media-queries
- Rethinking Server-Timing as a Critical Monitoring Tool · · http, metrics, monitoring
- Don’t Fight the Browser Preload Scanner · · user-agents, html, parsing
- How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks · · how-tos, metrics, javascript, frameworks
- Performance Game Changer: Browser Back/Forward Cache · · user-agents, caching, web-vitals
- A Management Maturity Model for Performance ·
- Get to Know Your Browser’s Performance Profiler · · user-agents, tooling
- Understanding the Performance Impact of Anti-Flicker Snippets · · web-vitals
- Is Measuring Speed a Useful Metric for Design Systems? · · videos, metrics, design-systems
- Faster Initialization of Instances With New Class Features · · user-agents, engines, v8
- The Ultimate Guide to Optimizing JavaScript for Quick Page Loads · · guides, javascript, optimization
- Core Web Vitals: Finding Common Ground Between SEOs and Developers · · web-vitals, seo, metrics
- How to Optimize Your LCP (with Visuals) · · how-tos, web-vitals, optimization
- Picture Perfect Images With the Modern “<img>” Element · · images, html, web-vitals
- Optimising Largest Contentful Paint · · web-vitals
- Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed · · design, user-experience
- The Web Is for Everyone: Our Vision for the Evolution of the Web · · web, visions, privacy, security, accessibility, user-experience
- Optimising Core Web Vitals on SPAs · · web-vitals, spas, optimization
- Improving Your User Experience to Reduce Bounce Rates · · user-experience, usability, seo
- Performance Tests on Common JavaScript Array Methods · · testing, javascript, arrays
- The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability · · videos, html, accessibility
- Optimizing SVG Patterns to Their Smallest Size · · svg
- The Weirdly Obscure Art of Streamed HTML · · html, streaming
- Making the World’s Fastest Website, and Other Mistakes · · mistakes
- Ten Years of Page Bloat: What Have We Learned? · · web-vitals, user-experience
- 7 Ways to Achieve a Faster Core Web Vitals Score · · web-vitals
- A New Speed Milestone for Chrome · · user-agents, google, chrome
- Performance Signals for Customizing Website UX · · user-experience, web-vitals, customization
- Should Frontend Devs Care About Performance? ·
- Top 2021 CSS Frameworks Report: The CSS File Sizes · · studies, research, frameworks, css
- How to Make MPAs That Are as Fast as SPAs · · how-tos, mpas, spas
- Minimizing Google Fonts by Only Loading It for Certain Characters · · typography, fonts, google, minimalism
- Core Web Vitals: What Next? · · web-vitals, seo
- The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site · · compression
- This Is Why Your Node.js Application Is Slow · · nodejs
- Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds · · social-media, embed-code, sustainability
- Improving JavaScript Bundle Performance With Code-Splitting · · javascript, bundling, code-splitting, optimization
- Speed Matters, but It Isn’t Everything · · user-experience, metrics
- Caching Header Best Practices · · caching, best-practices
- Optimize Your PNGs With Oxipng and pre-commit · · images, png, compression, tooling
- Big Images, Blazingly Fast · · images, quality
- How to Avoid Layout Shifts Caused by Web Fonts · · how-tos, user-experience, fonts
- Website Performance and the Planet · · sustainability, caching
- Memory Leaks: The Forgotten Side of Web Performance · · memory
- Page Visibility: If a Tree Falls in the Forest… · · web-vitals, user-experience
- Exposing Mid-Resource LCP Values · · web-vitals
- A Unified Theory of Web Performance ·
- Using Diagnostic Metrics · · metrics
- Practical Tips for Load-Testing Web Applications · · testing, tips-and-tricks, web-apps
- The Business Case for Performance · · economics
- Faster Websites by Using Less HTML · · cross-posted, html, optimization, minimalism
- Redirect Liquidation · · optimization
- Frontend Web Performance: The Essentials ·
- Web Performance, Core Web Vitals, and Vanity Metrics · · web-vitals, metrics
- Hands On With the New Responsiveness Metrics · · responsive-design, metrics
- Explain Like I’m Five: Web Performance Optimization · · optimization
- Performance Implications of JavaScript Errors · · javascript, errors
- Defer Non-Critical Resources · · html
- Caching: Understanding the Scope · · caching
- Test Your Product on a Crappy Laptop · · testing, usability
- HTTP Compression · · http, protocols, compression
- Have Core Web Vitals Made the Web Faster? · · web-vitals
- Plugging Memory Leaks in Your App · · memory
- Request for a General Theory of Web Performance ·
- Page Weight · · studies, research
- 7 Ways to Improve Node.js Performance at Scale · · nodejs, optimization
- How JavaScript Engines Achieve Great Performance · · javascript, engines
- Designing Sustainable Websites · · sustainability, software-design
- Performance · · studies, research, user-experience
- Why IndexedDB Is Slow and What to Use Instead · · databases, indexeddb, javascript
- Get Your “Head” Straight · · videos, html
- Your CSS Is an Interface · · css
- Why Your Website Should Not Use Dithered Images · · images, dithering, compression
- Using Web Workers to Boost Third-Party Script Performance · · web-workers, javascript
- Chrome DevTools: Record and Playback Your User Journeys · · dev-tools, user-experience, user-agents, google, chrome
- How to Implement Memoization in React to Improve Performance · · how-tos, react, memoization, optimization
- Everything You Have to Know About Core Web Vitals · · web-vitals
- Best Practices on Embedding Third-Party Web Widgets · · embed-code, best-practices
- Web Performance Metrics Cheatsheet · · cheat-sheets
- Building an Effective Image Component · · components, javascript
- Optimizing Resource Loading With the Fetch Priority API · · data-fetching, apis, optimization
- How I Made Google’s Data Grid Scroll 10x Faster With One Line of CSS · · css
- New HTTP Standards for Caching on the Modern Web · · http, protocols, caching, standards
- My Challenge to the Web Performance Community ·
- Faster React Apps With Memoization · · react, memoization
- ct.css—Let’s Take a Look Inside Your “<head>” · · css, debugging
- Small Bundles, Fast Pages: What to Do With Too Much JavaScript · · javascript, bundling
- Optimizing Images on the Web · · images
- Vanilla JS Is a Web Performance Decision · · javascript
- Blowing Up HTML Size With Responsive Images · · html, images, responsive-design
- Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design · · user-experience, complexity
- Writing High-Performance JavaScript · · javascript
- What Are the Web Performance Metrics That Actually Matter? · · metrics
- HTTP/3: Performance Improvements · · http, protocols
- Does Shadow DOM Improve Style Performance? · · dom, shadow-dom, rendering
- Big O, Code Efficiency Analysis · · algorithms
- “<Lazy>” Rendering in Vue to Improve Performance · · vuejs, client-side-rendering, optimization
- A Performance-Focused Workflow Based on Google Tools · · web-vitals, tooling, google
- How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score · · nextjs, lighthouse, google, case-studies
- CSS Architecture and Performance in Micro Frontends · · css, architecture, micro-frontends
- Learnings from a WebPageTest Session on CSS-Tricks ·
- How to Eliminate Render-Blocking Resources: a Deep Dive · · how-tos, rendering
- The Performance Effects of Too Much Lazy-Loading · · web-vitals, lazy-loading
- Performance Design: The Illusion of Speed · · user-experience
- Resource Inlining in JavaScript Frameworks · · javascript, frameworks, web-vitals
- Making the Web—Faster · · web, developer-experience, principles
- Serving Sharp Images to High Density Screens · · images
- Half the Size of Images by Optimising for High Density Displays · · html, images
- Using AVIF to Compress Images on Your Site · · images, avif, compression
- What Can the HTTP Archive Tell Us About Largest Contentful Paint? ·
- Best Practices for Fonts · · fonts, best-practices
- How to Fix Cumulative Layout Shift (CLS) Issues · · how-tos, web-vitals
- CSS for Web Vitals · · css, web-vitals
- The 5-Hour CDN · · content-delivery
- HTML and CSS Techniques to Reduce Your JavaScript · · html, css, javascript
- Page Weight · · studies, research
- Best Practices for Inclusive Textual Websites · · security, accessibility, best-practices
- Reducing the Site Speed Impact of Third-Party Tags · · embed-code
- Loading Third-Party JavaScript · · javascript
- The Need for Speed, 23 Years Later · · user-experience, history
- Page Builders Might Not Be a Good Idea · · maintainability, consistency, quality
- Google Tag Manager vs. Page Speed: The Impact and How to Improve · · google, tag-management, analytics, optimization
- Brotli Checker · tools, analysis, compression
- WebPageTest Report Frustration Calculator · tools, exploration, user-experience
- Slow File Download Emulator · tools, exploration
- Performance Budget Calculator · tools, exploration
- Google Lighthouse Scoring Calculator · tools, exploration, google
- Google Lighthouse Report Comparer · tools, exploration, google, comparisons
- Website Experience Analyzer · tools, analysis, user-experience, security
- Website Analyzer (Accessify) · tools, analysis, quality, optimization
- Code Quality Checker · tools, analysis, quality, optimization
- Image Compressors · tools, exploration, images, compression
- Image Compressor (WebUtils) · tools, exploration, images, compression
- Image Compressor (Compressor.io) · tools, exploration, images, compression
- Web Vitals Analyzer (EXPERTE.com) · tools, analysis, web-vitals
- Website Performance Bulk Analyzer · tools, analysis, web-vitals
- Mobile Readiness Tester · tools, analysis, responsive-design, mobile, accessibility
- Website Performance Analyzer (DebugBear) · tools, analysis, web-vitals
- Website Performance Analyzer (PageSpeed) · tools, analysis
- Gzip Checker · tools, analysis, compression
- Gzip and Brotli Checker · tools, analysis, compression
- HAR Analyzer and Visualizer · tools, exploration, network
- Download Time Calculator · tools, exploration, network
- CSS Sprite Generator (Sprite Cow) · tools, exploration, code-generation, css
- Bandwidth Speed Tester (BroadbandUK) · tools, exploration, network
- Bandwidth Speed Tester (Bandwidth Place) · tools, exploration, network
- CSS Sprite Generator (Toptal) · tools, exploration, code-generation, css
- Browser Performance Testers · tools, exploration, testing, user-agents
- Website Performance Analyzer (WebPageTest) · tools, analysis
- Website Performance Analyzer (wattspeed) · tools, analysis
- Website Performance Analyzer (Waterfaller) · tools, analysis
- Website Performance Analyzer (Uptrends) · tools, analysis
- Website Performance Analyzer (Uptime.com) · tools, analysis
- Website Performance Analyzer (Pingdom) · tools, analysis
- Website Performance Analyzer (KeyCDN) · tools, analysis
- Website Performance Analyzer (GTmetrix) · tools, analysis
- Website Browser and Location Speed Tester · tools, analysis
- Web Vitals Analyzer (SpeedVitals) · tools, analysis, web-vitals
- Web Vitals Analyzer (Calibre) · tools, analysis, web-vitals
- PageSpeed Results Comparer · tools, analysis, comparisons
- Load Time Checker · tools, analysis
- Load Time and Object Checker · tools, analysis
- Image Performance Analyzer · tools, analysis, images
- HTML Size Analyzer · tools, analysis, html
- CDN Use Checker · tools, analysis, content-delivery
- Improving Site Performance With Webpack Tree Shaking · · optimization, webpack, tree-shaking
- Putting Devs Before Users: How Frameworks Destroyed Web Performance · · frameworks, developer-experience
- W3C Unveils a Cure for Web Crawl · · w3c, protocols, http
- HTTP Further Clogs Congested Arteries · · http, protocols