Web Performance Budget
65 items from pajaydev/awesome-web-performance-budget ★131
-
Web Page Test webpagetest.org
Test your performance.
-
Webpack Perf Budget webpack.js.org
If you are using Webpack in your project then you can prefer this.
-
Your first performance budget web.dev
Explained how to define your first performance budget in a few simple steps.
-
Lighthouse web.dev
How to set up a performance budget using lighthouse and automate using Lighthouse bot.
-
Performance budgets 101 web.dev
How to start a journey by setting up the performance budget.
-
Incorporate performance budgets into your build process web.dev
Set up performance budget into your build process.
-
Design Decisions Through The Lens Of A Performance Budget vimeo.com
How we can make smarter design decisions, from the beginning of a project, to ensure that our sites perform well.
-
How to make Performance Budget v3.danielmall.com
Instructions for developing the performance budget.
-
Web Performance Budget: How to Set up, Calculate, And Apply uxify.com
How to Set up budget, Calculate, And Apply
-
UITest.com Site Check uitest.com
Test your website in more than 80 tools (web-based and free).
-
Smashing Magazine's Web Performance smashingmagazine.com
Improving Smashing Magazine's Web Performance Case Study.
-
Performance Budget Calculator performancebudget.io
Calculate A Performance Budget For Your Site.
-
Perf Track perf-track.web.app
Tracking framework performance at scale.
-
Impact of Page Weight on Load Time paulcalvano.com
Impact of Page Weight on Load Time.
-
PageGuard pageguard.org
Free website health scanner. Measures Core Web Vitals (LCP, FCP, CLS, TTFB), performance scores and provides AI-powered action plans. No signup required.
-
Web Performance Warrior oreilly.com
-
Telegraph - Creating a web performance culture medium.com
Improving third-party web performance at The Telegraph.
-
JavaScript Start-up Performance medium.com
Performance Budget by Addyosmani.
-
Treebo PWA Case Study medium.com
Treebo - React And Preact PWA Performance Case Study.
-
Pinterest Web App Optimization medium.com
A Pinterest Progressive Web App Performance Case Study.
-
Netflix Performance Improvement by shipping less JS medium.com
A Netflix Web Performance Case Study.
-
Performance Budget using Angular CLI medium.com
Implementing Performance Budget in Angular projects.
-
Casper.com Self-hosting Optimization medium.com
How we shaved 1.7 seconds off casper.com by self-hosting Optimizely.
-
Twitter Lite medium.com
A Twitter Lite Web App at Scale.
-
Tinder Web App Performance medium.com
A Tinder Progressive Web App Performance Case Study.
-
ImportCost - VS Extension marketplace.visualstudio.com
Extension to display inline in the VS code editor the size of the imported package.
-
Lighthouse Metrics lighthouse-metrics.com
Lighthouse Metrics provides easy insights for your site's performance. Save your time by running tests from multiple locations to get the valuable insight you need.
-
Inside Design - Setting a web performance budget invisionapp.com
Setting a performance budget by Invision.
-
Designing for Performance designingforperformance.com
How performance is important for designers.
-
Web Performance for Designers and developers csswizardry.com
Front-end performance for web designers and front-end developers.
-
Chasing Waterfalls chasingwaterfalls.io
Conversation with people to make web faster by Tim kadlec
-
Web Performance Calender calendar.perfplanet.com
Speed geek's favorite time of the year.
-
bundle-buddy bundle-buddy.firebaseapp.com
A tool to help you find source code duplication across your JavaScript chunks/splits.
-
Performance as design bradfrost.com
Best practise to see performance as an essential design feature.
-
Performance Budget addyosmani.com
Performance Budget by Addyosmani.