tools.yml

-
    name: UnCSS
    description: UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.
    website: https://github.com/giakki/uncss
    grunt: https://github.com/addyosmani/grunt-uncss
    broccoli: https://github.com/sindresorhus/broccoli-uncss
    category: 'CSS Optimization'
    related: ['uCSS']
    tags: ['css', 'optimization']
-
    name: uCSS
    description: uCSS is made for crawling (large) websites to find unused CSS selectors.
    website: https://github.com/operasoftware/ucss
    grunt: https://github.com/ullmark/grunt-ucss
    category: 'CSS Analysis'
    related: ['UnCSS']
    tags: ['css', 'analysis']
-
    name: clean-css
    description: 'A fast, efficient, and well tested CSS minifier for node.js.'
    node: https://github.com/jakubpawlowicz/clean-css
    grunt: https://github.com/gruntjs/grunt-contrib-clean
    gulp: https://github.com/radmen/gulp-clean-css
    broccoli: https://github.com/shinnn/broccoli-clean-css
    category: 'CSS Optimization'
    related: ['csso']
    tags: ['css', 'minification']
-
    name: PageSpeed Insights
    description: 'Make your web pages fast on all devices.'
    website: https://developers.google.com/speed/pagespeed/insights/
    category: 'Analysis & Monitoring'
    related: ['psi']
    tags: ['analysis']
-
    name: Pingdom Website Speed Test
    description: 'Enter a URL to test the load time of that page, analyze it and find bottlenecks.'
    website: http://tools.pingdom.com/fpt/
    category: 'Analysis & Monitoring'
    related: ['PageSpeedInsights', 'Webpage Test']
    tags: ['analysis']
-
    name: psi
    description: 'PageSpeed Insights With Reporting. Run mobile and desktop performance tests for your deployed site using Google PageSpeed Insights with tidy reporting for your build process.'
    website: https://github.com/addyosmani/psi
    grunt: https://github.com/jrcryer/grunt-pagespeed
    category: 'Analysis & Monitoring'
    related: ['PageSpeed Insights']
    tags: ['analysis']
-
    name: CSS Triggers
    description: 'A game of layout, paint, and composite.'
    website: http://csstriggers.com/
    category: 'Analysis & Monitoring'
    tags: ['css', 'selectors']
-
    name: Combine media-queries
    description: 'Combine matching media queries into one media query definition. Useful for CSS generated by preprocessors using nested media queries.'
    grunt: https://github.com/johncashmore/grunt-combine-media-queries
    gulp: https://github.com/konitter/gulp-combine-media-queries
    category: 'CSS Optimization'
    tags: ['css', 'media-queries']
-
    name: CSS Shrink
    description: 'Because CSS is on the critical path to rendering pages. It must be small! Or else!'
    node: https://github.com/stoyan/cssshrink
    grunt: https://github.com/JohnCashmore/grunt-cssshrink
    gulp: https://github.com/torrottum/gulp-cssshrink
    category: 'CSS Optimization'
    related: ['clean-css']
    tags: ['css']
-
    name: imagemin
    description: 'Minify images seamlessly'
    node: https://github.com/stoyan/cssshrink
    grunt: https://github.com/gruntjs/grunt-contrib-imagemin
    gulp: https://github.com/sindresorhus/gulp-imagemin
    category: 'Image Optimization'
    related: ['ImageOptim-CLI']
    tags: ['images', 'compression']
-
    name: StyleStats
    description: 'StyleStats is a Node.js library to collect CSS statistics.'
    website: http://www.stylestats.org/
    node: https://github.com/t32k/stylestats
    grunt: https://github.com/tvooo/grunt-stylestats
    gulp: https://github.com/1000ch/gulp-stylestats
    category: 'CSS Optimization'
    tags: ['css', 'metrics', 'analysis']
-
    name: svgstore
    description: 'Merge svgs from a folder.'
    grunt: https://github.com/FWeinb/grunt-svgstore
    gulp: https://github.com/w0rm/gulp-svgstore
    category: 'SVG Optimization'
    tags: ['svg']
-
    name: Phantomas
    description: 'PhantomJS-based web performance metrics collector and monitoring tool.'
    node: https://github.com/macbre/phantomas
    grunt: https://github.com/stefanjudis/grunt-phantomas
    category: 'Analysis & Monitoring'
    tags: ['metrics']
-
    name: Parker
    description: 'Parker is a stylesheet analysis tool. It runs metrics on your stylesheets and will report on their complexity.'
    node: https://github.com/katiefenn/parker
    grunt: https://github.com/leny/grunt-parker
    category: 'CSS Analysis'
    tags: ['css', 'metrics', 'analysis']
-
    name: LoadView
    description: 'LoadView is a load testing tool for websites, web apps and api's. Test anything rendered in a browser, such as web applications like Flash, AJAX, Silverlight, HTML5, PHP and Ruby On Rails'
    website: https://www.loadview-testing.com/
    category: 'Analysis & Monitoring'
    tags: ['analysis','monitoring']
-
    name: TMI (Too Many Images)
    description: 'Discover your image weight on the web. Find out the image weight in your pages, compare to the HTTPArchive average and discover what images you can optimize further.'
    node: https://github.com/addyosmani/tmi
    category: 'Image Optimization'
    tags: ['images', 'metrics']
-
    name: grunt-perfbudget
    description: 'Grunt task for Performance Budgeting.'
    grunt: https://github.com/tkadlec/grunt-perfbudget
    category: 'Budgeting'
    tags: ['budget', 'analysis', 'metrics']
-
    name: svgo
    description: 'SVGO is a Nodejs-based tool for optimizing SVG vector graphics files.'
    node: https://github.com/svg/svgo
    grunt: https://github.com/sindresorhus/grunt-svgmin
    gulp: https://github.com/ben-eb/gulp-svgmin
    category: 'SVG Optimization'
    related: ['SVGOMG']
    tags: ['images', 'svg']
-
    name: ImageOptim-CLI
    description: 'Automates ImageOptim, ImageAlpha, and JPEGmini for Mac to make batch optimisation of images part of your automated build process.'
    node: https://github.com/JamieMason/ImageOptim-CLI
    grunt: https://github.com/JamieMason/grunt-imageoptim
    category: 'Image Optimization'
    related: ['imagemin']
    tags: ['budget', 'analysis', 'metrics']
-
    name: CSS Colorguard
    description: 'Keep a watchful eye on your css colors.'
    node: https://github.com/SlexAxton/css-colorguard
    grunt: https://github.com/elliottwilliams/grunt-colorguard
    gulp: https://github.com/pgilad/gulp-colorguard
    broccoli: https://github.com/SlexAxton/broccoli-colorguard
    category: 'CSS Analysis'
    related: []
    tags: ['colors', 'metrics']
-
    name: Browser-perf
    description: 'A tool for measuring browser performance metrics (like frame rates, expensive layouts, paints, styles, etc.). For Web pages, Cordova/Phonegap and other Hybrid applications. Metrics are measured while mimicking real user interactions - clicking buttons, typing content, etc. Tool collects the metrics from sources like about:tracing, Chrome Devtools timeline, IE UI Responsiveness tab, Xperf, etc. Monitor this information regularly by integrating the tool with continuous integration systems.'
    node: https://github.com/axemclion/browser-perf
    category: 'Analysis & Monitoring'
    tags: ['layout', 'paint', 'fps', 'metrics']
-
    name: Calibre
    description: 'Performance, covered. Calibre tracks how long your pages take to load, how big or small your pages are becoming as well as browser scroll performance. Janky page? You’ll know about it straight away.'
    website: https://calibreapp.com/
    category: 'Analysis & Monitoring'
    tags: ['telemetry', 'metrics']
-
    name: grunt-responsive-images
    description: 'Produce images at different sizes for responsive websites.'
    grunt: https://github.com/andismith/grunt-responsive-images
    category: 'Image Optimization'
    tags: ['images', 'rwd']
-
    name: csscss
    description: 'A CSS redundancy analyzer that analyzes redundancy. csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.'
    node: https://github.com/zmoazeni/csscss
    grunt: https://github.com/peterkeating/grunt-csscss
    gulp: https://github.com/morishitter/gulp-csscss
    category: 'CSS Analysis'
    tags: ['css', 'duplicates']
-
    name: cwebp
    description: 'Convert images to WebP'
    node: https://github.com/imagemin/cwebp-bin
    grunt: https://github.com/somerandomdude/grunt-webp
    gulp: https://github.com/sindresorhus/gulp-webp
    category: 'Image Optimization'
    tags: ['images', 'webp']
-
    name: DareBoost
    description: 'DareBoost offers performance analysis and monitoring (real browsers). It integrates Google Page Speed, YSlow, W3C validators and its own best practices, with tailor-made tips on specific technologies like jQuery, WordPress, etc.'
    website: https://www.dareboost.com/
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'analysis']
-
    name: HTMLMinifier
    description: 'HTMLMinifier is a highly configurable, well-tested, Javascript-based HTML minifier, with lint-like capabilities.'
    node: https://github.com/kangax/html-minifier
    grunt: https://github.com/gruntjs/grunt-contrib-htmlmin
    gulp: https://github.com/jonschlinkert/gulp-htmlmin
    category: 'HTML Optimization'
    tags: ['html', 'minifier']
-
    name: sitespeed.io
    description: 'Sitespeed.io is an open source tool that helps you analyze your website speed and performance based on performance best practices and metrics.'
    website: http://www.sitespeed.io/
    node: https://github.com/sitespeedio/sitespeed.io
    grunt: https://github.com/sitespeedio/grunt-sitespeedio
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'analysis']
-
    name: perfjankie
    description: 'PerfJankie is a tool to monitor smoothness and responsiveness of websites and Cordova/Hybrid apps over time. It runs performance tests using browser-perf and saves the results in a CouchDB server. It also has a dashboard that displays graphs of the performance metrics collected over time that you help identify performance trends, or locate a single commit that can slow down a site.'
    node: https://github.com/axemclion/perfjankie
    grunt: https://github.com/axemclion/perfjankie
    category: 'Analysis & Monitoring'
    tags: ['monitoring','metrics', 'analysis']
-
    name: critical
    description: 'Critical extracts & inlines critical-path (above-the-fold) CSS from HTML.'
    node: https://github.com/addyosmani/critical
    grunt: https://github.com/bezoerb/grunt-critical
    category: 'CSS Optimization'
    tags: ['critical rendering path', 'css', 'optimization']
-
    name: loadCSS
    description: 'A function for loading CSS asynchronously.'
    website: https://github.com/filamentgroup/loadCSS
    category: 'CSS Optimization'
    tags: ['css', 'optimization']
-
    name: loadJS
    description: 'A simple function for asynchronously loading JavaScript files.'
    website: https://github.com/filamentgroup/loadJS
    category: 'Javascript Optimization'
    tags: ['js', 'optimization']
-
    name: inlineCSS
    description: 'Inline linked css in an html file. Useful for emails.'
    grunt: https://github.com/jgallen23/grunt-inline-css
    gulp: https://github.com/jonkemp/gulp-inline-css
    category: 'CSS Optimization'
    tags: ['css', 'optimization']
-
    name: zopfli
    description: 'Bindings for Zopfli compressing lib. Compress gzip files 5% better than gzip.'
    node: https://github.com/pierreinglebert/node-zopfli
    grunt: https://github.com/mathiasbynens/grunt-zopfli
    gulp: https://github.com/romeovs/gulp-zopfli
    category: 'Compression'
    tags: ['js', 'compression']
-
    name: vulcanize
    description: 'Concatenate a set of Web Components into one file.'
    node: https://github.com/Polymer/vulcanize
    grunt: https://github.com/Polymer/grunt-vulcanize
    gulp: https://github.com/sindresorhus/gulp-vulcanize
    category: 'Web Components'
    tags: ['web components', 'concatenation']
-
    name: stats.js
    description: 'JavaScript Performance Monitor. This class provides a simple info box that will help you monitor your code performance.'
    website: https://github.com/mrdoob/stats.js
    category: 'Analysis & Monitoring'
    tags: ['fps', 'monitor', 'render']
-
    name: Performance-Bookmarklet
    description: 'Bookmarklet to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more. Sort of a light live WebPageTest.'
    website: https://github.com/micmro/performance-bookmarklet
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'analysis']
-
    name: Perfmap
    description: 'A bookmarklet and Chrome extension to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API. A browser with support for the Resource Timing API is required.'
    website: https://github.com/zeman/perfmap
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'analysis']
-
    name: CSS Dig
    description: 'Analyze your CSS in a new way. Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with.'
    website: http://cssdig.com/
    category: 'CSS Analysis'
    tags: ['colors', 'metrics']
-
    name: RWDPerf
    description: 'Performance testing tool for Responsive web designs.'
    node: https://github.com/lafikl/RWDPerf
    category: 'Analysis & Monitoring'
    tags: ['rwd', 'metrics', 'images']
-
    name: SpeedCurve
    description: 'Monitor front-end performance. Beat the competition. Get continuous feedback on how your front-end code is affecting the performance of your website.'
    website: http://speedcurve.com/
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'measure', 'analysis', 'monitor']
-
    name: Rigor
    description: 'Next generation web performance monitoring. Rigor’s powerful reporting and diagnostic functionalities allow business and technical users to understand exactly how their applications are performing at all times.'
    website: http://rigor.com/
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'measure', 'analysis', 'monitor']
-
    name: Website Test
    description: 'Synthetic testing for web apps, highlighting performance bottlenecks from page structure, content domains or individual resources. Analyze requests by geography, network speed, and resources by type, domain, load times, marks and more. Based on open-source project wpt.'
    website: http://www.websitetest.com
    category: 'Analysis & Monitoring'
    related: ['webpagetest']
    tags: ['analysis']
-
    name: WebPageTest
    description: 'WebPagetest is used for measuring and analyzing the performance of web pages.'
    website: http://www.webpagetest.org
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'measure', 'analysis']
-
    name: GTmetrix
    description: 'GTmetrix is a free tool that analyzes page speed performance.'
    website: http://gtmetrix.com/
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'measure', 'analysis']
-
    name: perfBar
    description: "Simple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics."
    website: http://lafikl.github.io/perfBar/
    category: 'Analysis & Monitoring'
    related: ['grunt-perfbudget']
    tags: ['metrics', 'measure', 'analysis', 'monitor']
-
    name: TinyPNG
    description: 'Advanced lossy compression for PNG images that preserves full alpha transparency.'
    website: https://tinypng.com/
    category: 'Image Optimization'
    related: ['ImageOptim', 'ImageOptim-CLI', 'TinyPNG']
    tags: ['images', 'compression']
-
    name: ImageOptim
    description: 'ImageOptim optimizes images by finding the best compression parameters and removing unnecessary comments and color profiles. It handles PNG, JPEG, and GIF formats.'
    website: https://imageoptim.com/
    category: 'Image Optimization'
    related: ['ImageOptim-CLI','TinyPNG']
    tags: ['images', 'compression']
-
    name:  Yellow Lab Tools
    description: 'Free online test to help speeding up heavy web pages'
    website: http://yellowlab.tools/
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'measure', 'analysis']
-
    name:  Shrinkray
    description: 'Image optimization for humans. Once you sign in with your Github account, you can optimize all of the images in your repos with a single click. Even large sites with hundreds of images can be optimized in minutes.'
    website: https://shrinkray.io/
    category: 'Image Optimization'
    tags: ['images', 'github']
-
    name:  ShowSlow
    description: 'Monitor various website performance metrics over time. ShowSlow graphs the results to help you understand how various changes to your site affect its performance.'
    website: http://www.showslow.com/
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'measure', 'analysis']
-
    name:  Nines
    description: 'A web performance tool aimed to help developers find critical performance issues'
    website: https://github.com/derekshull/nines
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'measure', 'metrics']
-
    name:  SVGOMG
    description: "SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO."
    website: https://jakearchibald.github.io/svgomg/
    category: 'SVG optimization'
    related: ['svgo']
    tags: ['svg', 'gui']
-
    name:  unusedjs
    description: "Discover the percent of unused JS on a page with this simple browser proxy. There are already several tools that tell you the percent of unused CSS on a webpage. But what about unused JS? Well this tool does it for JS."
    node: https://github.com/gmetais/unusedjs
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'measure', 'metrics', 'javascript']
-
    name:  memory-stats.js
    description: "Minimal monitor for JS Heap Size via performance.memory. Like stats.js but for JS memory."
    website: https://github.com/paulirish/memory-stats.js
    category: 'Analysis & Monitoring'
    related_author: ['Paul Irish']
    tags: ['analysis', 'measure', 'metrics', 'javascript']
-
    name:  Speedgun.io
    description: "Gather important web performance data. It runs five times providing a good view on understanding how a web page is loaded. It has been rewritten to pull the latest Navigation Timing API data from PhantomJS 2."
    website: http://speedgun.io/
    node: https://github.com/wesleyhales/speedgun
    category: 'Analysis & Monitoring'
    related_author: ['Wesley Hales', 'Jarrod Overson', 'Peter Hedenskog']
    tags: ['analysis', 'measure', 'metrics', 'javascript']
-
    name:  WebPerf IO
    description: "WebPerf IO helps you transform Web Performance into Business Performance."
    website: http://webperf.io/
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'measure', 'metrics']
-
    name:  What Does My Site Cost?
    description: "Find out how much it costs for someone to use your site on mobile networks around the world."
    website: http://whatdoesmysitecost.com/
    category: 'Analysis & Monitoring'
    related_author: ['Tim Kadlec']
    tags: ['cost', 'mobile', 'user', 'ux']
-
    name: sharp
    description: 'The fastest Node.js module for resizing JPEG, PNG, WebP and TIFF images. Uses the libvips library.'
    node: https://github.com/lovell/sharp
    grunt: https://github.com/unindented/grunt-sharp
    gulp: https://github.com/mahnunchik/gulp-responsive
    category: 'Image Optimization'
    tags: ['compression', 'images', 'optimization', 'webp']
-
    name: dimens.io
    description: 'Fast, on-demand resizing, optimizing and conversion of high-resolution images. Balances quality with file size. Works with existing storage and CMS solutions.'
    website: https://dimens.io/
    category: 'Image Optimization'
    tags: ['compression', 'images', 'optimization', 'rwd', 'webp']
-
    name: lazysizes
    description: 'lazysizes is high performance, fast (jank-free) and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more.'
    website: https://github.com/aFarkas/lazysizes
    category: 'Image Optimization'
    tags: ['lazy loading', 'images', 'rwd']
-
    name: justice.js
    description: 'A performance metric bar with a streaming FPS graph and page timing stats. Timing budgets supported.'
    website: https://github.com/okor/justice
    category: 'Analysis & Monitoring'
    tags: ['fps', 'rendering']
-
    name: boomerang
    description: 'End user oriented web performance testing and beaconing. boomerang is a JavaScript library that measures the page load time experienced by real users, commonly called RUM.'
    website: https://github.com/lognormal/boomerang/
    category: 'Analysis & Monitoring'
    tags: ['loading', 'RUM', 'user', 'javascript']
-
    name: Pagespeed Optimization
    description: 'Test a page for common page speed issues.'
    website: http://www.feedthebot.com/pagespeed/
    category: 'Analysis & Monitoring'
    tags: ['optimization', 'analysis', 'measure', 'metrics']
-
    name: Javascript usage tool
    description: 'This tool displays how javascript is used on a page. Examines the external and internal use of javascript.'
    website: http://www.feedthebot.com/tools/js/
    category: 'Analysis & Monitoring'
    tags: ['javascript', 'optimization', 'analysis', 'measure', 'metrics']
-
    name: CSS delivery tool
    description: 'This tool displays how CSS is used on a page. Examines the external and internal use of CSS.'
    website: http://www.feedthebot.com/tools/css-delivery/
    category: 'Analysis & Monitoring'
    tags: ['css', 'optimization', 'analysis', 'measure', 'metrics']
-
    name: WebPagetest Charts API
    description: 'An api of endpoints to build charts from WebPagetest results. It runs tests, stores them, and offers endpoints to access the data.'
    website: https://github.com/trulia/webpagetest-charts-api
    category: 'Analysis & Monitoring'
    tags: ['api', 'webpagetest', 'visualization', 'data']
-
    name: KeyCDN Speed Check
    description: 'A free online speed check service including waterfall breakdown and website preview.'
    website: https://tools.keycdn.com/speed
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'visualization', 'waterfall']
-
    name: CSS Stats
    description: 'Webapp to visualize various stats about your css. Rules, selectors, declarations, unique colors, unique font sizes and specificity.'
    website: http://cssstats.com/
    category: 'Analysis & Monitoring'
    related_author: ['Brent Jackson']
    tags: ['metrics', 'visualization', 'css']
-
    name: localFont
    description: 'Implement localStorage web font caching in seconds. LocalFont is an online Vanilla JS tool that converts your font family files into a ready to use solution for localStorage web font caching.'
    website: http://jaicab.com/localFont/
    category: 'Webfonts'
    related_author: ['Jaime Caballero']
    tags: ['webfonts', 'caching', 'localStorage']
-
    name: Surf-N-Perf
    description: 'Micro-library for gathering web page performance data. Surf-N-Perf provides a simple to use API to gather User Timing and other important performance data in any browser.'
    website: https://github.com/Comcast/Surf-N-Perf
    category: 'Analysis & Monitoring'
    tags: ['javascript', 'optimization', 'analysis', 'measure', 'metrics']
-
    name: Six Speed
    description: 'Performance of ES6 features relative to the ES5 baseline operations per second.'
    website: http://kpdecker.github.io/six-speed/
    category: 'Analysis & Monitoring'
    tags: ['javascript', 'optimization', 'analysis', 'measure', 'metrics']
-
    name: perfschool
    description: 'Find your way through the performance optimization maze in this NodeSchool workshopper'
    node: https://github.com/bevacqua/perfschool
    category: 'Learning'
    related_author: ['Nicolas Bevacqua']
    tags: ['learning', 'command line', 'nodeSchool']
-
    name: Grunt YSlow
    description: 'A Grunt Task to Measure and Grade Web Page Performance'
    grunt: http://andyshora.com/grunt-yslow.html
    category: 'Analysis & Monitoring'
    related_author: ['Andy Shora']
    tags: ['metrics', 'analysis']
-
    name: analyze-css
    description: 'CSS selectors complexity and performance analyzer'
    website: https://github.com/macbre/analyze-css
    grunt: https://github.com/DeuxHuitHuit/grunt-analyze-css
    category: 'CSS Optimization'
    tags: ['metrics', 'analysis', 'css', 'selectors']
-
    name: cssnano
    description: 'A modular minifier, built on top of PostCSS. Does more than simple whitespace transforms: custom identifier reduction, z-index rebasing, adjacent selector merging and more.'
    website: http://cssnano.co
    node: https://github.com/ben-eb/cssnano
    grunt: https://github.com/sindresorhus/grunt-cssnano
    gulp: https://github.com/ben-eb/gulp-cssnano
    broccoli: https://github.com/sindresorhus/broccoli-cssnano
    category: 'CSS Optimization'
    related_author: ['Ben Briggs']
    tags: ['minifier', 'postcss', 'css', 'transforms']
-
    name: Website Grader
    description: 'How strong is your website?'
    website: https://website.grader.com/
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'measure', 'metrics']
-
    name: ZorroSVG
    description: 'The transparency of PNGs for the file size of JPEGs'
    website: http://quasimondo.com/ZorroSVG/
    category: 'Image Optimization'
    tags: ['jpeg', 'svg', 'alpha']
-
    name: CSS usage
    description: 'The percentages of Chrome page loads (across all channels and platforms) that use the corresponding CSS property'
    website: https://www.chromestatus.com/metrics/css/
    category: 'CSS Analysis'
    tags: ['metrics', 'analysis', 'css']
-
    name: Chrome DevTools Timeline
    description: 'The Timeline provides a complete overview of where time is spent when loading and using your site'
    website: https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool?hl=en
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'measure', 'metrics']
-
    name: 'Big Rig'
    description: 'Big Rig is an experimental, proof-of-concept system for generating and parsing Chrome''s trace files. It has a web app dashboard that will allow you to track performance statistics over time, as well as a CLI version for integrating with other parts of your build system.'
    website: https://github.com/GoogleChrome/big-rig
    node: https://github.com/GoogleChrome/node-big-rig
    category: 'Analysis & Monitoring'
    related_author: ['Paul Lewis']
    tags: ['analysis', 'measure', 'metrics', 'dashboard']
-
    name: 'Louis'
    description: 'Louis is a gulp task that is used to analyze the performance of a website against a performance budget.'
    gulp: https://www.npmjs.com/package/gulp-louis
    category: 'Budgeting'
    tags: ['budget', 'analysis', 'metrics', 'phantomas']
-
    name: 'PageSpeed Module'
    description: 'The PageSpeed modules are open-source server modules that optimize your site automatically.'
    website: https://developers.google.com/speed/pagespeed/module/
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'metrics', 'optimization']
-
    name: 'AntiModerate'
    description: 'The progressive image loading library for great good! Reduce loading time of page to less than a second on slow connections by loading and rendering nicely blurred micro images on the page while loading full sized images in background which replace as they finish.'
    website: https://github.com/whackashoe/antimoderate
    category: 'Images'
    tags: ['lazy', 'lazyloading', 'optimization']
-
    name: 'perfWars'
    description: 'Website Performance Battles. Compare two URLs. Who will prevail?'
    website: http://perfwars.com
    category: 'Analysis & Monitoring'
    tags: ['analysis', 'metrics', 'optimization', 'game']
-
    name: 'HtmlSpeed'
    description: 'Html-Speed is a reverse proxy written in Java. It is used for accelerating performance of websites by improving page load speed and reducing load on webservers. This is achieved by applying front-end optimizations to both static and dynamic content and by optimizing the caching of resources.'
    website: https://github.com/TimelyPick/HtmlSpeed
    category: 'Serverside optimization'
    tags: ['assets', 'css', 'js', 'server', 'java']
    via: ['galitzamler']
-
    name: 'TestMyCSS'
    description: 'Optimize CSS delivery by checking for redundancy, validation errors, and following best practices.'
    website: http://www.testmycss.com/
    category: 'CSS Optimization'
    tags: ['analysis', 'css', 'metrics', 'optimization']
-
    name: 'PerfCascade'
    description: 'SVG based HAR Waterfall Viewer'
    website: http://micmro.github.io/PerfCascade/
    category: 'CSS Optimization'
    tags: ['HAR', 'viewer']
-
    name: 'Browser Calories'
    description: 'The easiest way to measure your performance budget.'
    website: https://browserdiet.com/calories
    category: 'Budgeting'
    tags: ['budget', 'analysis', 'metrics']
-
    name: 'Lighthouse'
    description: 'Automated tool for improving the quality of your progressive web apps. Run as a Chrome Extension, from the CLI, or used programmatically as a Node module.'
    node: https://github.com/GoogleChrome/lighthouse
    website: https://developers.google.com/web/tools/lighthouse/
    category: 'Analysis & Monitoring'
    tags: ['budget', 'checklist', 'analysis', 'metrics', 'measure', 'extension']
-
    name: 'perf-tool'
    description: 'Generates a website with perfromance metrics of your website from PageSpeed Insights and dev-perf'
    website: https://github.com/devbridge/Performance
    category: 'Analysis & Monitoring'
    tags: ['website', 'pagespeed', 'metrics', 'measure']
-
    name: 'BPG Image Encoder'
    description: 'BPG (Better Portable Graphics) is a new image format.'
    website: http://bellard.org/bpg/
    category: 'Image Optimization'
    tags: ['images', 'compression','bpg']
-
    name: 'Appmetrics.js'
    description: 'Measures Performance and Reports to Google Analytics-'
    website: https://github.com/ebidel/appmetrics.js
    category: 'Analysis & Monitoring'
    tags: ['website', 'pagespeed', 'metrics', 'measure']
-
    name: 'optimize-js'
    description: 'Optimize a JavaScript file for faster initial load by wrapping eagerly-invoked functions'
    website: https://github.com/nolanlawson/optimize-js
    category: 'Javascript Optimization'
    tags: ['js', 'optimization', 'javascript']
-
    name: 'Web Performance Checklist'
    description: 'A Web Performance checklist for web designers.'
    website: http://jonyablonski.com/designers-wpo-checklist/
    category: 'Budgeting'
    related_author: ['Jon Yablonski']
    tags: ['design', 'checklist']
-
    name: 'mobile-friendly'
    description: 'CLI tool and lib to gather results about mobile friendly site using Mobile-Friendly Test API'
    website: https://github.com/denar90/mobile-friendly
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'performance', 'mobile-friendly']
-
    name: 'pageAccelerator'
    description: 'A very light solution that uses Ajax and pushState to deliver a faster navigation experience inspired by turbolinks and pjax.'
    website: https://github.com/Easyfood/pageAccelerator
    category: 'Navigation'
    tags: ['links', 'ajax', 'pushstate']
-
    name: 'pwmetrics'
    description: 'CLI tool and lib to gather performance metrics via Lighthouse. Progressive web metrics at your fingertipz.'
    website: https://github.com/paulirish/pwmetrics
    category: 'Analysis & Monitoring'
    tags: ['metrics', 'performance', 'lighthouse']
-
    name: 'Fetch Inject'
    description: 'A fetching async loader and DOM injection sequencer for performance-minded webapps.'
    website: https://github.com/jhabdas/fetch-inject
    category: 'JavaScript Optimization'
    tags: ['css', 'javascript', 'optimization']