PURE CSS ART GALLERY

Loading artwork...

Lynn Fisher

lynnandtonic.com

Single div CSS Tesla Cybertruck

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
Chrome 84.0	Windows 10 64-bit	258.35ms	2.37ms	33.15ms	27	-
Chrome 83.0	Windows 10 64-bit	313.05ms	1.72ms	45.12ms	12	-
Chrome 91.0	Windows 10 64-bit	241.41ms	1.17ms	12.07ms	7	-
Chrome 84.0	OS X 10.15.5 64-bit	363.36ms	1.41ms	42.16ms	7	-
Firefox 78.0	Windows 10 64-bit	244.40ms	3.60ms	91.60ms	5	-
Chrome 89.0	Windows 10 64-bit	235.81ms	1.90ms	6.35ms	5	-
Firefox 78.0	OS X 10.15	98.25ms	1.75ms	45.00ms	4	-
Chrome 84.0	OS X 10.15.6 64-bit	192.09ms	0.93ms	61.93ms	4	-
Chrome Mobile 84.0	Android 10	222.60ms	3.28ms	18.88ms	4	-
Chrome 91.0	OS X 10.15.7 64-bit	372.08ms	2.25ms	7.95ms	4	-
Chrome 90.0	Windows 10 64-bit	172.15ms	1.69ms	6.38ms	4	-
Chrome 83.0	OS X 10.15.5 64-bit	127.03ms	1.16ms	16.28ms	3	-
Chrome 83.0	Linux 64-bit	1494.37ms	2.60ms	6.33ms	3	-
Firefox 79.0	Windows 10 64-bit	170.67ms	3.33ms	76.67ms	3	-
Firefox 79.0	Ubuntu 64-bit	206.33ms	4.67ms	30.67ms	3	-
Opera 68.0	Windows 10 64-bit	145.79ms	1.61ms	6.07ms	2	-
Chrome 83.0	OS X 10.14.6 64-bit	288.16ms	1.00ms	19.12ms	2	-
Chrome 83.0	OS X 10.13.6 64-bit	191.28ms	1.43ms	50.51ms	2	-
Chrome 84.0	Linux 64-bit	344.03ms	2.42ms	16.75ms	2	-
Chrome 84.0	Windows Server 2008 R2 / 7 64-bit	99.99ms	1.49ms	17.58ms	2	-
Firefox 81.0	Windows 10 64-bit	176.00ms	7.50ms	78.50ms	2	-
Firefox 89.0	Windows 10 64-bit	160.00ms	1.50ms	10.50ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	272.05ms	0.97ms	3.06ms	2	-
Chrome 90.0	OS X 10.13.6 64-bit	378.85ms	2.70ms	18.99ms	1	-
Chrome 91.0	Linux 64-bit	294.60ms	0.70ms	1.70ms	1	-
Chrome 91.0	OS X 10.14.6 64-bit	309.40ms	0.90ms	9.00ms	1	-
Safari 14.1.1	OS X 10.15.7	223.00ms	1.00ms	20.00ms	1	-
Chrome 57.0	Linux 64-bit	102.96ms	2.42ms	8.15ms	1	-
Android Browser 4.0	Android 9	3213.60ms	5.70ms	17.40ms	1	-
Chrome 80.0	Windows 10 64-bit	119.24ms	1.35ms	18.07ms	1	-
Android Browser 4.0	Android 10	1042.80ms	2.90ms	10.40ms	1	-
Chrome 60.0	Linux 64-bit	100.74ms	2.23ms	7.36ms	1	-
Safari 13.0.5	iOS 13.3.1	835.00ms	6.00ms	204.00ms	1	-
Safari 13.1	OS X 10.15.4	163.00ms	1.00ms	14.00ms	1	-
Chrome Mobile 81.0	Android 9	701.40ms	7.80ms	52.40ms	1	-
Safari 13.1	iOS 13.4.1	159.00ms	2.00ms	3.00ms	1	-
Safari 13.1.1	OS X 10.15.5	242.00ms	1.00ms	4.00ms	1	-
Chrome 83.0	OS X 10.15.4 64-bit	118.40ms	1.01ms	24.77ms	1	-
Chrome Mobile 83.0	Android 10	161.90ms	3.10ms	18.50ms	1	-
Chrome Mobile 83.0	Android 9	196.50ms	4.10ms	18.50ms	1	-
Chrome 84.0	OS X 10.15.4 64-bit	70.66ms	1.03ms	4.74ms	1	-
Chrome 85.0	Windows 10 64-bit	125.32ms	2.04ms	43.07ms	1	-
Chrome Mobile 83.0	iOS 13.5	253.00ms	3.00ms	10.00ms	1	-
Firefox 78.0	Linux 64-bit	97.00ms	3.00ms	8.00ms	1	-
Firefox 78.0	OS X 10.14	107.00ms	7.00ms	44.00ms	1	-
Safari 14.0	iOS 14.0	191.00ms	3.00ms	6.00ms	1	-
Firefox 78.0	Ubuntu 64-bit	278.00ms	3.00ms	15.00ms	1	-
Firefox 80.0	Windows 10 64-bit	85.00ms	2.00ms	14.00ms	1	-
Firefox 79.0	Linux 64-bit	90.00ms	4.00ms	7.00ms	1	-
Chrome Mobile 78.0	iOS 13.5	123.00ms	1.00ms	6.00ms	1	-