rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updating conversion, creating readmes

Browse Source
This commit is contained in:
Jonas Zeunert
2024-04-19 23:37:46 +02:00
parent 3619ac710a
commit 08e75b0f0a
635 changed files with 30878 additions and 37344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
terminal/webperformancebudget
View File

@@ -1,7 +1,6 @@
 Awesome Web Performance Budget !Awesome (https://awesome.re/badge.svg) (https://awesome.re)
▐ Web Performance Budget is a group of limits to certain values that affect site performance that should not be exceeded in the design and development of any web project. By setting up the performance budget, we
▐ can focus more towards performance which can improve the speed and overall user experience of our websites. This list help us to provide link to various articles, projects, tools and techniques to maintain 
▐ performance budget.
 Awesome Web Performance Budget !Awesome (https://awesome.re/badge.svg) (https://awesome.re)
▐ Web Performance Budget is a group of limits to certain values that affect site performance that should not be exceeded in the design and development of any web project. By setting up the performance budget, we can focus more towards 
▐ performance which can improve the speed and overall user experience of our websites. This list help us to provide link to various articles, projects, tools and techniques to maintain performance budget.
Contents
@@ -23,8 +22,7 @@
- Performance Budget (https://addyosmani.com/blog/performance-budgets/) - Performance Budget by Addyosmani.
- Your first performance budget (https://web.dev/your-first-performance-budget/) - Explained how to define your first performance budget in a few simple steps.
- Designing for Performance (http://designingforperformance.com/index.html#table-of-contents) - How performance is important for designers.
- Web Performance for Designers and developers (https://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/) - Front-end performance for web designers and front-end 
developers.
- Web Performance for Designers and developers (https://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/) - Front-end performance for web designers and front-end developers.
- Performance as design (http://bradfrost.com/blog/post/performance-as-design/) - Best practise to see performance as an essential design feature.
- Inside Design - Setting a web performance budget (https://www.invisionapp.com/inside-design/setting-a-web-performance-budget/) - Setting a performance budget by Invision.
- Real-world Web Performance Budgets By Alex Russel (https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/) - Can You Afford It?: Real-world Web Performance Budgets.
@@ -53,15 +51,13 @@
- Bundle Size (https://github.com/siddharthkp/bundlesize) - Keep your bundle size in check.
- Webpack Perf Budget (https://webpack.js.org/configuration/performance/) - If you are using Webpack in your project then you can prefer this.
- Lighthouse (https://web.dev/use-lighthouse-for-performance-budgets/) - How to set up a performance budget using lighthouse (https://developers.google.com/web/tools/lighthouse) and automate using Lighthouse bot
- Lighthouse (https://web.dev/use-lighthouse-for-performance-budgets/) - How to set up a performance budget using lighthouse (https://developers.google.com/web/tools/lighthouse) and automate using Lighthouse bot 
(https://web.dev/using-lighthouse-bot-to-set-a-performance-budget/).
- Grunt-perfbudget (https://github.com/tkadlec/grunt-perfbudget) - Grunt task for performance budgeting.
- Size Limit (https://github.com/ai/size-limit) - Calculate the real cost to run your JS app or lib to keep good performance. Show error in pull request if the cost exceeds the limit.
- Size Plugin (https://github.com/GoogleChromeLabs/size-plugin) - Track compressed Webpack asset sizes over time.
- Performance Budget Builder (https://github.com/GoogleChromeLabs/pr-bot) - Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in
the template.
- Progressive Web Metrics (https://github.com/paulirish/pwmetrics) - Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the 
template. 
- Performance Budget Builder (https://github.com/GoogleChromeLabs/pr-bot) - Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template.
- Progressive Web Metrics (https://github.com/paulirish/pwmetrics) - Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template. 
- rollup-plugin-size-snapshot (https://github.com/TrySound/rollup-plugin-size-snapshot) - CLI tool and lib to gather performance metrics via Lighthouse.
- ImportCost - VS Extension (https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - Extension to display inline in the VS code editor the size of the imported package.
@@ -77,8 +73,7 @@
- CSS Analyzer (https://github.com/macbre/analyze-css) - CSS selectors complexity and performance analyzer.
Website Analyzers
- Lighthouse Metrics (https://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.
- Lighthouse Metrics (https://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.
- UITest.com Site Check (https://uitest.com/check/) - Test your website in more than 80 tools (web-based and free).
Blogs
@@ -103,16 +98,14 @@
- Web Performance Optimization case studies (https://wpostats.com/) - Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics.
- BBC - Cutting the mustard (http://responsivenews.co.uk/post/18948466399/cutting-the-mustard) - Optimizations while building responsive websites.
- Casper.com Self-hosting Optimization (https://medium.com/caspertechteam/we-shaved-1-7-seconds-off-casper-com-by-self-hosting-optimizely-2704bcbff8ec) - How we shaved 1.7 seconds off casper.com by self-hosting 
Optimizely.
- Casper.com Self-hosting Optimization (https://medium.com/caspertechteam/we-shaved-1-7-seconds-off-casper-com-by-self-hosting-optimizely-2704bcbff8ec) - How we shaved 1.7 seconds off casper.com by self-hosting Optimizely.
- Netflix Performance Improvement by shipping less JS (https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9) - A Netflix Web Performance Case Study.
- Pinterest Web App Optimization (https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154/) - A Pinterest Progressive Web App Performance Case Study.
- Smashing Magazine's Web Performance (https://www.smashingmagazine.com/2014/09/improving-smashing-magazine-performance-case-study/) - Improving Smashing Magazine's Web Performance Case Study.
- Tinder Web App Performance (https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0/) - A Tinder Progressive Web App Performance Case Study.
- Treebo PWA Case Study (https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299/) - Treebo - React And Preact PWA Performance Case Study.
- Twitter Lite (https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3/) - A Twitter Lite Web App at Scale.
- Telegraph - Creating a web performance culture (https://medium.com/the-telegraph-engineering/improving-third-party-web-performance-at-the-telegraph-a0a1000be5) - Improving third-party web performance at The 
Telegraph.
- Telegraph - Creating a web performance culture (https://medium.com/the-telegraph-engineering/improving-third-party-web-performance-at-the-telegraph-a0a1000be5) - Improving third-party web performance at The Telegraph.
- Zillow's Performance Budget (https://www.zillow.com/engineering/bigger-faster-more-engaging-budget/) - A true story of how Zillow uses performance budgeting.
License