Start Performance BudgetingBuilding a web experience and want to stay fast? Performance budgets are critical for success.#reference#performance·addyosmani.com·Oct 12, 2018Start Performance Budgeting
SpeedCurve | User Timing and Custom MetricsTHURSDAY 12TH OF NOVEMBER 2015 If you want to improve performance, you must start by measuring perfo...·speedcurve.com·Jul 12, 2018SpeedCurve | User Timing and Custom Metrics
Breaking Down the Performance API | CSS-TricksJavaScript’s Performance API is prudent, because it hands over tools to accurately measure the perfo...·css-tricks.com·Jul 11, 2018Breaking Down the Performance API | CSS-Tricks
Lighthouse | Tools for Web Developers | Google DevelopersLearn how to set up Lighthouse to audit your web apps.·developers.google.com·Jul 11, 2018Lighthouse | Tools for Web Developers | Google Developers
User-centric Performance Metrics | Web Fundamentals | Google DevelopersUser-centric Performance Metrics·developers.google.com·Jul 11, 2018User-centric Performance Metrics | Web Fundamentals | Google Developers
Measure Performance with the RAIL Model | Web Fundamentals | Google DevelopersRAIL is a user-centric performance model. Every web app has these four distinct aspects to its life ...·developers.google.com·Jul 11, 2018Measure Performance with the RAIL Model | Web Fundamentals | Google Developers
First Interactive and First Consistently InteractiveFirst Interactive and Consistently Interactive Author: dproy@ Created: 11 April 2017 Last updated: 2...#performance audit·docs.google.com·Jul 11, 2018First Interactive and First Consistently Interactive
Pinterest’s Colored Background Placeholders – Embedly NotesPinterest has built a rather clever image loading technique that utilizes the dominant color of an i...#image loading·blog.embed.ly·Dec 10, 2017Pinterest’s Colored Background Placeholders – Embedly Notes
How Medium does progressive image loadingThis post explains how Medium renders an image placeholder using low-res thumbnails and canvas#image loading·jmperezperez.com·Dec 10, 2017How Medium does progressive image loading
technopagan/sqipsqip - "SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP ...#image loading·github.com·Dec 10, 2017technopagan/sqip
Solving the web performance crisis'use strict';function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError...·nolanlawson.github.io·Feb 14, 2017Solving the web performance crisis
Webpack VisualizerHow do I get stats JSON from webpack?webpack --json > stats.jsonIf you're customizing your stats out...#tools#analyse perf·chrisbateman.github.io·Feb 14, 2017Webpack Visualizer
danvk/source-map-explorer: Analyze and debug space usage through source mapsAnalyze and debug space usage through source maps. Contribute to danvk/source-map-explorer development by creating an account on GitHub.#tool#analyse perf·github.com·Feb 14, 2017danvk/source-map-explorer: Analyze and debug space usage through source maps
JavaScript Start-up Performance – Dev Channel – MediumAs web developers, we know how easy it is to end up with web page bloat. But loading a webpage is mu...·medium.com·Feb 14, 2017JavaScript Start-up Performance – Dev Channel – Medium
Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing MagazineA performance checklist with all the obscure issues you might need to consider in 2017 to ensure tha...#performance#check list·smashingmagazine.com·Jan 2, 2017Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine
ben-eb/postcss-resemble-imagepostcss-resemble-image - Provide a gradient fallback for an image that loosely resembles the origina...#image#postcss·github.com·Nov 20, 2016ben-eb/postcss-resemble-image
Fake it 'til you Make it CSS | Kenan YusufIn the past few years, I have been spoilt with high-speed broadband that makes browsing the web a stress-free task. But realistically, not everyone has fibre optic, and a lot of people consume web...#performance#lazy load·kyusuf.com·Aug 5, 2016Fake it 'til you Make it CSS | Kenan Yusuf
Lazy-Loading Images: How Not to Really Annoy Your UsersOne underestimated aspect of a great UX is providing precisely the right content at precisely the ri...#lazy load#images·sitepoint.com·Jul 23, 2016Lazy-Loading Images: How Not to Really Annoy Your Users
Coding mobile-first emails — Campaign Monitor Engineering — MediumA practical step-by-step guide#reference#email template·medium.com·Jul 23, 2016Coding mobile-first emails — Campaign Monitor Engineering — Medium
Complexities of an infinite scroller | Web Updates - Google DevelopersInfinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memor...#scroll·developers.google.com·Jul 23, 2016Complexities of an infinite scroller | Web Updates - Google Developers
CPP: A Standardized Alternative to AMP - TimKadlec.comIt’s no secret that I have reservations about Google’s AMP project in its current form. I do want to...·timkadlec.com·Mar 14, 2016CPP: A Standardized Alternative to AMP - TimKadlec.com
Content Performance Policy1. IntroductionWith the increasing importance of mobile, Web site performance and pleasant mobile us...·wicg.github.io·Mar 14, 2016Content Performance Policy
petkaantonov/bluebirdbluebird - :bird: :zap: Bluebird is a full featured promise library with unmatched performance.·github.com·Feb 12, 2016petkaantonov/bluebird
Leaner Responsive Images With Client Hints – Smashing MagazineResponsive images markup can become pretty ugly pretty quickly. Here's a technique and strategy for ...#responsive images·smashingmagazine.com·Jan 27, 2016Leaner Responsive Images With Client Hints – Smashing Magazine
60 Web Performance Experts to Follow OnlineIt is very important to stay up to date with what is happening in the web performance industry, so w...·keycdn.com·Dec 10, 201560 Web Performance Experts to Follow Online
davidsonfellipe/awesome-wpoawesome-wpo - :pencil: A curated list of Web Performance Optimization. Everyone can contribute here!·github.com·Dec 9, 2015davidsonfellipe/awesome-wpo
WPO StatsIf you're looking for more resources around selling performance, we recommend the following resource...#reference#performance·wpostats.com·Nov 25, 2015WPO Stats
Script-injectedScript-injected scripts block on CSS and delay script execution. Their era has passed, and we now ha...#performance·igvita.com·Nov 20, 2015Script-injected
The RAIL Performance Model | Web Tools - Google DevelopersRAIL is a user-centric performance model. Every web app has these four distinct aspects to its life ...#reference#rail performance·developers.google.com·Oct 30, 2015The RAIL Performance Model | Web Tools - Google Developers
My Performance Audit WorkflowSometimes I get asked to do performance audits on web projects and to make some recommendations. So ...·aerotwist.com·Jul 10, 2015My Performance Audit Workflow