PURE CSS ART GALLERY

Loading artwork...

Ying Liang

First project - learning how to place basic shapes down with css

Edit on Codepen

Async `<link>`

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

localStorage

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Cache-API

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Browser	OS	Async	localStorage	Cache-API	Tests	Improvement
null null	null	761.13ms	2.07ms	69.98ms	3	-
Chrome 96.0	null	89.05ms	0.00ms	245.05ms	2	-
Chrome 99.0	Windows 10 64-bit	350.70ms	1.15ms	5.75ms	2	-
Chrome 101.0	Windows 10 64-bit	599.30ms	1.15ms	4.95ms	2	-
Chrome 95.0	OS X 10.15.7 64-bit	384.60ms	2.10ms	6.40ms	1	-
Safari 15.1	OS X 10.15.7	579.00ms	1.00ms	10.00ms	1	-
Chrome 96.0	Windows 10 64-bit	208.40ms	0.60ms	4.30ms	1	-
Chrome 98.0	OS X 10.15.7 64-bit	209.80ms	1.40ms	3.30ms	1	-
Chrome 98.0	Windows 10 64-bit	365.20ms	0.80ms	3.70ms	1	-
Chrome 100.0	Windows 10 64-bit	213.00ms	0.60ms	2.40ms	1	-
Safari 14.1.2	iOS 14.8.1	168.00ms	0.00ms	7.00ms	1	-
Safari 15.2	OS X 10.15.7	578.00ms	1.00ms	7.00ms	1	-
Chrome 99.0	OS X 10.15.7 64-bit	177.60ms	0.40ms	2.00ms	1	-
Firefox 97.0	Windows 10 64-bit	263.00ms	2.00ms	5.00ms	1	-
Safari 15.3	iOS 15.3	206.00ms	1.00ms	9.00ms	1	-
Safari 15.3	OS X 10.15.7	189.00ms	0.00ms	4.00ms	1	-
Chrome Mobile 98.0	Android 10	503.00ms	8.10ms	183.60ms	1	-
Firefox 100.0	Windows 10 64-bit	223.00ms	4.00ms	6.00ms	1	-
Chrome 100.0	OS X 10.14.6 64-bit	208.40ms	0.90ms	3.40ms	1	-
Chrome 103.0	Windows 10 64-bit	152.10ms	1.10ms	5.40ms	1	-