awesome-wpo

WCAG compliance, screen reader support, and keyboard navigation.

Security, modern APIs, and code quality patterns.

LCP, INP, and CLS specific optimizations.

Loading speed, runtime efficiency, and resource optimization.

Server-side PHP tool that detects screen size and automatically creates, caches, and delivers device-appropriate resized images from existing

Recompress PNG files to get the smallest possible size.

Online image compressor for JPG, PNG, SVG and GIF.

GUI app to remove EXIF metadata from images and video files with drag and drop. Free and open source.

GraphicsMagick and ImageMagick for Node.js.

Minify PNG and JPEG images for Grunt.

Documentation for the Akamai mPulse version of Boomerang, which includes additions specific to interacting with mPulse.

Full-stack observability including RUM, APM, synthetic uptime, session replay, and OpenTelemetry.

Documentation for the Open Source version of Boomerang, which is maintained by Akamai employees with contributions from the OSS community.

RUM for web and native mobile apps with Core Web Vitals, third-party impact, and correlation with synthetic monitoring (OpenTelemetry-based).

Browser and mobile RUM with session replay, Core Web Vitals, and correlation with traces and logs.

Real-user browser monitoring with Core Web Vitals, distributed tracing to backend, and deployment markers.

A content delivery network by Amazon that integrates nicely with other Amazon services or can be used standalone.

Bootstrap Chinese net open CDN service (only HTTP).

An open-source CDN for JavaScript and CSS sponsored by Cloudflare that hosts everything from jQuery and Modernizr to Bootstrap.

Finds you fast and reliable JavaScript CDNs that make your sites snappy and happy.

A content delivery network that uses next-gen tech to deliver fast, reliable, CDN services.

Google-run CDN for the most popular open-source JavaScript libraries.

Open source load testing tool: It is a Java platform application.

Ruby driver for httperf to automate load and performance testing for a single endpoint or via log replay.

A utility for arming (creating) many bees (micro EC2 instances) to attack (load test) targets (web applications).

Go Port of HTTPerf.rb.

Measures web server performance with flexible generation of HTTP workloads and server metrics.

JS Port of HTTPerf.rb.

Assetgraph transform for auto-generating sprites based on the CSS dependency graph.

JavaScript code generation tool that lets you write JavaScript that outputs JavaScript. Good for unrolling loops and writing libraries that compile away the runtime.

CSS sprites allow you to combine multiple images into a single file.

A simple command-line tool to generate CSS sprites.

Grunt task that generates a sprite from images referenced in a style sheet and then updates the references with the new sprite image and positions.

Grunt task for converting a set of images into a sprite sheet and corresponding CSS variables.

Using Phantomas (a PhantomJS-backed client performance metrics scrapper). Benchmark a page, store results in MongoDB, and display results via the built-in server.

Continually checks web page load times in Internet Explorer, Chrome and Firefox from multiple points around the world.

Real Browser Monitoring. Offers complete reports about web performance and quality using YSlow, Page Speed and numerous custom tips.

Analyze your website's speed in real browsers from 20 locations worldwide.

Grunt plugin wrapping phantomas to measure frontend performance.

Free tool to test and monitor your page's performance. Uses Lighthouse to score your pages and offers actionable recommendations on how to optimize them.

A robust benchmarking library that works on nearly all JavaScript platforms, supports high-resolution timers, and returns statistically significant results.

Completely unscientific way of testing CSS performance. Most of these tests will revolve around methodologies and techniques for determining effective CSS architecture. Put another way, I want to know what works best given a particular comparison of CSS strategies.

A modern browser-based JavaScript benchmarking tool for quickly creating and sharing performance tests.

Lightweight tool for creating ad-hoc JavaScript benchmark tests.

Create and share test cases comparing JavaScript snippet performance via benchmarks.

Lets you design experiments that measure the performance of your code. Each bench should focus on a specific point of impact in your application.