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 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 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	-
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	-
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	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	-
Firefox for iOS 27.0	iOS 13.5.1	80.00ms	1.00ms	4.00ms	1	-
Opera 69.0	Windows 10 64-bit	437.70ms	6.01ms	19.83ms	1	-
Chrome 84.0	OS X 10.13.6 64-bit	89.31ms	0.78ms	9.25ms	1	-
Chrome 84.0	OS X 10.14.6 64-bit	276.45ms	1.06ms	4.85ms	1	-
Safari 13.1.2	OS X 10.15.6	281.00ms	1.00ms	7.00ms	1	-
Chrome Mobile 84.0	Android 9	390.50ms	9.00ms	44.80ms	1	-
Chrome Mobile 84.0	Android 8.1.0	133.00ms	1.90ms	11.80ms	1	-
Safari 13.1.2	OS X 10.14.6	77.00ms	1.00ms	3.00ms	1	-
Chrome 84.0	OS X 10.15.0 64-bit	563.26ms	4.92ms	123.25ms	1	-
Chrome 84.0	OS X 10.15.3 64-bit	213.87ms	0.69ms	21.44ms	1	-
Safari 12.1.1	OS X 10.15.4 Supplemental Update	51.00ms	3.00ms	16.00ms	1	-