User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Web Performance Optimization

A curated list of Web Performance Optimization. Everyone can contribute here!

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Dec. 4, 2021, 11:11 a.m.

Thank you davidsonfellipe & contributors
View Topic on GitHub:
davidsonfellipe/awesome-wpo

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Books

Case studies

Documentation

Conferences

Analyzers

Uses PhantomJS to headlessly analyze web pages and generate manifests.

884
106
9y 9m
n/a

Automated auditing, performance metrics, and best practices for the web.

23.78K
8.25K
9d
Apache-2.0

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.

2.17K
396
7y 8m
BSD-3-Clause

Grunt WebPageTest plugin for measure with time

35
3
3y 18d
MIT

Test web page performance using the YSlow library invoked by a grunt task

92
15
7y 14d
MIT

Grunt task for performance budgeting.

867
43
1y 10m
MIT

Web Tracing Framework libraries and extensions.

2.63K
228
2y 2d
BSD-3-Clause

Load and performance benchmark tool

2.1K
258
85d
LGPL-2.1

Collect performance metrics for your library/application.

1.87K
48
3y 7m
MIT

Analyzers - API

Node.js wrapper for phantomjs yslow.js (see: http://yslow.org/phantomjs/).

10
7
6y 18d
n/a

PageSpeed Insights Reporting for Node

3.07K
144
11m
Apache-2.0

Bundle Analyzer

Keep your bundle size in check

4.25K
211
11m
MIT

Analyze and debug space usage through source maps

3.38K
106
11m
Apache-2.0

Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

11.43K
450
53d
MIT

๐Ÿ“Š Analyzing bundles created by Lasso js.

3
1
1y 5m
MIT

Prepare compressed versions of assets to serve them with Content-Encoding

1.29K
105
17d
MIT

Analyze webpack stats(bundle size, assets, modules, packages) and compare the results between different builds.

208
11
11d
MIT

Benchmark - CSS

Archived. Derping around with measuring CSS performance.

571
26
4y 5m
MIT

Benchmark - JavaScript

Simple, easy, javascript benchmark testing

171
14
11y 102d
n/a

A caffeine driven, simplistic approach to benchmarking.

548
37
5y 9m
n/a

Navigation Timing API measurement helpers

1.5K
128
1y 8m
n/a

JavaScript Performance Monitor

7.39K
1.17K
11m
MIT

JavaScript inheritance performance tests done right

1
0
6y 7m
n/a

minimal monitor for JS Heap Size via performance.memory

2.06K
116
6y 5m
n/a

Benchmark - PHP

Realtime benchmarks for PHP code

52
5
2y 45d
Apache-2.0

Benchmarking PHP, the easy way

14
1
6y 10m
n/a

Bookmarklets

Front-end performance heatmap bookmarklet.

3.8K
143
4y 6m
n/a
553
54
8y 7d
n/a

Performance-Bookmarklet helps 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.

1.04K
85
112d
MIT

CDN

CDN - Monitor

CDN - Utilities

Replaces script references with Google CDN ones

80
9
11m
MIT

Extensions

The easiest way to measure your performance budget

128
7
5y 6m
n/a

Image Optimizers

Grunt task to optimize images using reSmush.it

85
19
5y 8m
MIT

Gulp plugin to optimize PNG and JPG using reSmush.it.

34
3
5y 8m
n/a

[Unmaintained] Minify images seamlessly

4.94K
262
115d
MIT

High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

21.02K
1.04K
20d
Apache-2.0

GraphicsMagick for node

6.52K
610
3y 11m
n/a

A curated list of amazingly awesome Elixir and Erlang libraries, resources and shiny things. Updates:

11.04K
1.09K
78d
n/a

Minify PNG, JPG, GIF and SVG images.

1.22K
174
1y 8m
MIT

Minify PNG, JPEG, GIF and SVG images

1.85K
163
69d
MIT

Convert your images to WebP format.

121
18
7y 52d
MIT

Convert images to WebP

195
19
11m
MIT

Make ImageOptim, ImageAlpha and JPEGmini part of your automated build process

483
18
2y 4m
n/a

Make optimisation of images part of your automated build process

3.19K
123
21d
MIT

CLI bash script to optimize images in parallel easily and efficiently!

14
3
1y 4m
GPL-3.0

Improved JPEG encoder.

4.72K
398
51d
n/a

jpegoptim - utility to optimize/compress JPEG files

1.13K
84
93d
n/a

Zopfli Compression Algorithm is a compression library programmed in C to perform very good, but slow, deflate or zlib compression.

3.03K
300
5m
Apache-2.0

lightweight lossless file minifier/optimizer

735
70
6m
MIT

CLI image optimization tool

662
17
23d
MIT

Lazyloaders

Lazyload images, iframes, widgets with a standalone JavaScript lazyloader

941
154
9m
MIT

๐Ÿ”ฅ Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more

6.93K
453
94d
MIT

Loaders

The only script in your HEAD.

4.18K
387
8y 3d
MIT

Async Everything: Make the meat of your pages load faster with this JS morsel

68
10
9y 4m
n/a

InstantClick makes following links in your website instant.

5.42K
272
4y 8m
MIT

JIT(Just In Time) plugin loader for Grunt.

514
33
5y 9m
n/a

Metrics Monitor

Metrics Monitor - API

WebPageTest API wrapper for NodeJS

1.59K
172
75d
MIT

Minifiers - HTML

HTML minifier for Python frameworks (not only Django, despite the name).

507
72
14d
BSD-2-Clause

Javascript-based HTML compressor/minifier (with Node.js support)

4.53K
582
63d
MIT

Minify HTML.

431
67
108d
MIT

Minify HTML

730
62
3y 88d
MIT

grunt plugin for html compression, using htmlcompressor.jar

36
5
7y 11m
MIT

Ruby wrapper for kangax html-minifier

10
6
8y 12m
n/a

๐Ÿšจ [deprecated] Ruby gem for compressing html

35
7
8y 6m
MIT

minify HTML responses like some crazy guy

31
6
12d
MIT

Minimize HTML

153
19
3y 10m
MIT

A simple command line tool to minify your HTML, Razor views & Web Forms views

126
45
2y 50d
MIT

Minifiers - JS & CSS

YUI Compressor

2.96K
667
2y 6m
n/a

JavaScript parser / mangler / compressor / beautifier toolkit

11.82K
1.21K
4d
n/a

CSS minifier with structural optimizations

3.38K
199
63d
MIT

YUI Compressor

76
39
10y 5m
n/a

Concatenate files.

811
174
57d
MIT

Minify files with UglifyJS.

1.48K
372
52d
MIT

Fast and efficient CSS optimizer for node.js and the Web

3.86K
312
44d
MIT

Compresses linked and inline javascript or CSS into a single cached file.

2.52K
577
12d
n/a

Pipeline is an asset packaging library for Django.

1.41K
381
11d
MIT

Javascript Minifier built in PHP

657
139
77d
BSD-3-Clause

CSS minifier

1.07K
87
7y 5m
n/a

A grunt wrapper for CSS Shrink

27
4
5y 9m
MIT

Shrinks CSS files using cssshrink

22
0
5y 8m
n/a

Prettify or uglify CSS code

6
1
7y 5m
n/a

Compress CSS files.

798
151
108d
MIT

A grunt task for removing unused CSS from your projects.

3.86K
183
4m
MIT

DEPRECATED. Remove unused CSS selectors.

967
44
4y 5m
MIT

Miscellaneous

Find unused and duplicate CSS

1.64K
73
4y 10m
n/a

A no-dependencies HTTP client library for browsers and Node.js with a promise-based or Node.js-style callback-based API to progress events, text and binary file upload and download, partial response body, request and response headers, status code.

345
21
5y 10m
MIT

Extract & Inline Critical-path CSS in HTML pages

9.34K
390
89d
Apache-2.0

CSS color minification module

12
1
2y 10m
n/a

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

15.67K
1.66K
6m
MIT

TMI (Too Many Images) - discover your image weight on the web

1.65K
59
4y 9m
Apache-2.0

Generators

Use JavaScript to generate JavaScript

21
2
1y 12d
n/a

Glue is a simple command line tool to generate CSS sprites

2.56K
178
4y 6m
n/a

Pythonic dynamic sprite generator

19
3
7y 57d
Apache-2.0

Grunt task for converting a set of images into a spritesheet and corresponding CSS variables

1.15K
101
7m
MIT

gulp task for creating image sprites and the corresponding stylesheets

15
1
7y 9m
n/a

Create SVG sprites or compile to <symbols>

333
47
4y 5m
MIT

renders SVG in CSS file using data URIs or base64

2
1
5y 6m
n/a

AssetGraph plugin for creating sprites from background images

36
5
28d
BSD-3-Clause

A image sprite generator

473
71
6y 18d
MIT

Automatic CSS Sprite Generator

619
74
5y 11m
MIT

SVG

โš™๏ธ Node.js tool for optimizing SVG files

16.94K
1.23K
32d
MIT

Minify SVG

437
46
11m
MIT

svgcleaner could help you to clean up your SVG files from the unnecessary data.

1.45K
74
96d
GPL-2.0

Web Components

Polymer Tools Monorepo

405
201
1y 7m
n/a

Concatenate a set of Web Components into one file

101
27
3y 27d
MIT

Web server Benchmarks

The httperf HTTP load generator

889
144
12m
GPL-2.0

Ruby driver for httperf - automated load and performance testing

179
23
7y 52d
n/a

Simple interface for calling httperf via ruby.

13
4
6y 8m
n/a

Simple PHP Port of HTTPerf.rb [https://github.com/jmervine/httperfrb]

5
1
7y 7m
MIT

NodeJS port of HTTPerf.rb

24
2
7y 9m
n/a

Python port of httperfrb

11
7
6y 11m
MIT

Go Port of HTTPerf.rb - https://github.com/jmervine/httperfrb

5
0
6y 4m
MIT

Modern HTTP benchmarking tool

30.66K
2.52K
10m
n/a

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

6.14K
657
3y 11m
MIT

Web server Modules

Specs

Stats

Other Awesome Lists

A curated list of webpack tools for web performance

890
23
4m
n/a

A curated list of awesome awesomeness

28.28K
3.45K
19d
n/a

๐Ÿ˜Ž Awesome lists about all kinds of interesting topics

178.58K
22.17K
8d
CC0-1.0