Issues

• Issue #73 coming April 20.

• Issue #72 →

  How to deliver impactful speed improvements as a team, bypass cookie banners when testing, use facades to reduce impact of live chat and more.

• Issue #71 →

  How to improve the speed of your CSS, understand the mobile inequality gap, see how Glossier prioritised which metrics to track and more.

• Issue #70 →

  Track JavaScript performance beyond bundle size, how poor speed causes stress, new generation of image codecs and more.

• Issue #69 →

  Is prefetching worth it, use Lighthouse Parade to crawl your site, test priority hints with WebPageTest and more.

• Issue #68 →

  How speed really affects your SEO ranking, improve performance of CSS-in-JS, benchmarking 5G speeds and more.

• Issue #67 →

  Know how performance affects accessibility, prevent layout shifts caused by webfonts, how SmashingMag improved their speed and more.

• Issue #66 →

  Front-end Performance Checklist for 2021, set up your cache correctly, optimise for sustainability, adjust font display for networks and more.

• Issue #65 →

  Use modern JavaScript for performance, zero-bundle-size React Server Components, image optimisation strategies for 2021 and more.

• Issue #64 →

  The state of performance in 2020, lazy-load third party resources with facades, downsize images directly in Figma and more.

• Issue #63 →

  Implement instant back/forward navigation, learn about images and their impact on LCP, how Wikipedia sped up page previews and more.

• Issue #62 →

  Prevent layout shifts with CSS grid stacks, case against anti-flicker snippets, site speed topography, faster Firefox 83 and more.

• Issue #61 →

  Get and stay fast, will Brotli replace Gzip?, enhance your skeleton screens with BlurHash, is CSS Houdini fast? and more.

• Issue #60 →

  Optimise your images directly in GitHub, reduce third party impact, improve Core Web Vitals, stop using CDNs for external JavaScript libraries and more.

• Issue #59 →

  Reduce Next.js bundle size, a real-time privacy inspector, learn about JPEG XL, know the real cost of poor website quality and more.

• Issue #58 →

  AVIF is here, understand resource prioties, know which metrics to track, speed up your JavaScript and more.

• Issue #57 →

  Know that JAMstack is only fast when you make it so, minimise DOM reflows, test 404 page performance, use a high-performing 11ty blog template and more.

• Issue #56 →

  Understand that performance is distribution, see the benefits of Browser Back/Forward caches, automatically optimise images in your Pull Requests and more.

• Issue #55 →

  Learn how Performance Score is calculated, get to know speed-oriented CSS content visibility, use AVIF, see what contributes to CLS and more.

• Issue #54 →

  Is your host fast yet, add Core Web Vitals tracking to Google Analytics, use Periodic Background Sync to get fresh data and more.

• Issue #53 →

  Understand why we need better metrics for a11y, compare how sites perform based on JS frameworks, see if prefetch is causing slowdowns and more.

• Issue #52 →

  Discover the future of HTTP, learn why to track Core Web Vitals, use WebP in Safari, make your apps accessible and more.

• Issue #51 →

  Avoid the most common performance tracking mistakes, learn about the digital divide, prevent JavaScript memory leaks and more.

• Issue #50 →

  Know how Web Vitals will affect your ranking, make Google Fonts really fast, learn how to use CrUX Dashboard and more.

• Issue #49 →

  Start monitoring Core Web Vitals, learn how to correlate speed to conversions, see the impact of JavaScript frameworks and more.

• Issue #48 →

  Reconsider tracking First Meaningful Paint, learn how to analyse and fix performance, use improved bundle chunking and more.

• Issue #47 →

  See how the pandemic affects the internet, learn how to profile React.js performance, how Messenger shrunk by 84% and more.

• Issue #46 →

  Learn how your Performance Score will change, understand performance metrics, consider environmental impact of code and more.

• Issue #45 →

  Prepare for mobile-first indexing in Google, learn the speed impact of variable fonts, optimise your CSS Modules output and more.

• Issue #44 →

  Quantify the impact of performance on revenue, lint performance in the browser, use Lighthouse in Firefox and more.

• Issue #43 →

  Track performance in GitHub Pull Requests, reduce the size of your Angular bundle, slow down your internet and more.

• Issue #42 →

  Design for performant imagery, discover and debug Node.js speed issues, avoid using slow SSL certificates and more.

• Issue #41 →

  Learn about new generation of performance metrics, decide whether you should self-host Google Fonts, how eBay built a performance culture and more.

• Issue #40 →

  Speed up your sites with advanced Service Worker strategies, leverage Adaptive Loading, build fast animations in React, prioritise users over developers and more.

• Issue #39 →

  Establish long-term performance strategy, designing for performant typography, ensure your CSS-in-JS isn't slow and more.

• Issue #38 →

  How to popularise performance, get started with modern web performance, implement fast ads, monitor JavaScript main thread task execution and more.

• Issue #37 →

  Mitigate the performance impact of using live chat, learn how Discord made their iOS app fast, use remote data fetching for speedy interactions and more.

• Issue #36 →

  Learn about critical performance announcements from Chrome Developer Summit, understand the state of performance in 2019, new metrics and more.

• Issue #35 →

  Understand how performance affects user engagement, find out if JAMstack is really fast, learn the response limits for speed and more.

• Issue #34 →

  Justifying performance using analytics, how performance choices affect usability, testing speed of Single Page Apps, Third Party tracking and more.

• Issue #33 →

  Understand WebPageTest waterfall, know the context of performance metrics, learn about the state of video and more.

• Issue #32 →

  Investigating animation performance, debugging layout instability, responsive image optimisation CDNs and more.

• Issue #31 →

  How web content affects power usage, everything you need to know about resource hints, making Instagram faster and more.

• Issue #30 →

  Tackling third-party JavaScript, rendering on the Web, why performance and accessibility have to be the baseline and more.

• Issue #29 →

  Largest Contentful Paint, why Time to First Byte matters, how annoying type delay is and more.

• Issue #28 →

  Fast software is the best software, stale while revalidate, optimising GIFs, accessible React components and more.

• Issue #27 →

  Reducing bundle size at Intercom by 65%, developing performance empathy, learning how browsers parse and render websites and more.

• Issue #26 →

  How does Google PageSpeed work and affect SEO rankings, the cost of JavaScript in 2019, find a cost of adding an npm package and more.

• Issue #25 →

  The real impact of image optimisation, gain speed with variable fonts, accessibility for everyone, implementing critical CSS and more.

• Issue #24 →

  Webfont loading in Google Fonts, Lighthouse 5.0.0, zero parse and compile for JavaScript and more.

• Issue #23 →

  Paint holding, visualising third party scripts impact, performance privilege and more.

• Issue #22 →

  Netflix’s web performance case study, new WebAssembly compiler and runtime, WASI Core and more.

• Issue #21 →

  The ethics of web performance, HTTP/3, faster promises and async functions, Google Lighthouse 4.0 and more.

• Issue #20 →

  All about Time to Interactive, WASM, How HTTPs Ruined everything, and more.

• Issue #19 →

  Native Lazy Load, Perceived performance, measuring layout and more.

• Issue #18 →

  The cost of third-party scripts, step-by-step performance auditing, fast typography with variable fonts and more.

• Issue #17 →

  Sustainable technology, the Internet’s health, Chrome reduces parse and compile by almost 40% and more.

• Issue #16 →

  Building performance culture, revenue impact calculator, lazy loading images and video, automating performance systems and more.

• Issue #15 →

  Front-end Performance Checklist, Safari and Webpack performance upgrades, PerfMatters Conference and more.

• Issue #14 →

  Fontastic web performance, async CSS, why performance efforts fail and more.

• Issue #13 →

  Realistic performance budgets, new HTTP Archive, the cost of JavaScript and more.

• Issue #12 →

  Essential image optimization, web fonts without JavaScript, the cost of ads and more.

• Issue #11 →

  The Critical Request, Facebook news feed changes and more.

• Issue #10 →

  WebAssembly, base64, preload prefetch and more.

• Issue #9 →

  Lighthouse in Chrome Canary, PWA Stats, Article Performance Leaderboard and more.

• Issue #8 →

  JavaScript start-up performance, state of global connectivity, data-saving apps and more.

• Issue #7 →

  Redesigning browser history, Cloudfront HTTP/2, image metadata and more.

• Issue #6 →

  requestIdleCallback, Netflix A/B testing, QUIC Protocol and more.

• Issue #5 →

  Important changes to Typekit, UI design, Delta caching and more.

• Issue #4 →

  Real world http/2, font loading strategies, image compression and more.

• Issue #3 →

  Brotli compression, High performance networking, Mutation Observer tips and more.

• Issue #2 →

  #perfmatters poster, AMP project news, Safari 10 and more.

• Issue #1 →

  Designing for performance, Chrome 51, JPG compression and more.