PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing inspired by Flemish baroque oil portraits. Hand-coded entirely in HTML & CSS.

Source on Github

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 94.0	Windows 10 64-bit	322.47ms	3.89ms	30.12ms	84	-
Chrome 94.0	OS X 10.15.7 64-bit	365.63ms	2.61ms	17.96ms	39	-
Firefox 93.0	Windows 10 64-bit	470.67ms	3.83ms	57.50ms	12	-
Chrome 95.0	Windows 10 64-bit	303.84ms	4.42ms	27.15ms	10	-
Safari 15.0	OS X 10.15.7	276.63ms	1.88ms	18.25ms	8	-
Firefox 92.0	Windows 10 64-bit	303.43ms	4.14ms	39.00ms	7	-
Firefox 93.0	Ubuntu 64-bit	320.00ms	3.33ms	18.33ms	6	-
Chrome 94.0	Linux 64-bit	270.12ms	5.76ms	41.22ms	5	-
Chrome 93.0	OS X 10.15.7 64-bit	329.02ms	1.92ms	17.95ms	4	-
Chrome 93.0	Windows 10 64-bit	174.85ms	2.90ms	7.90ms	4	-
Chrome Mobile 94.0	Android 11	291.80ms	8.25ms	105.32ms	4	-
Opera 79.0	Windows 10 64-bit	315.52ms	2.67ms	13.03ms	4	-
Chrome 94.0	OS X 10.14.6 64-bit	224.48ms	2.80ms	115.07ms	4	-
Chrome Mobile 94.0	Android 10	268.87ms	8.60ms	74.83ms	3	-
Safari 14.1.2	iOS 14.7.1	133.33ms	1.33ms	5.00ms	3	-
Chrome Mobile 93.0	Android 10	250.37ms	4.87ms	43.70ms	3	-
Chrome 95.0	OS X 10.15.7 64-bit	478.17ms	2.13ms	36.67ms	3	-
Safari 14.1.2	OS X 10.15.7	297.50ms	1.50ms	8.00ms	2	-
Firefox 92.0	OS X 10.15	1044.50ms	3.50ms	21.00ms	2	-
Chrome 91.0	Linux 64-bit	333.80ms	4.85ms	15.60ms	2	-
Firefox 92.0	Linux 64-bit	346.50ms	7.50ms	51.00ms	2	-
Chrome 94.0	OS X 10.13.6 64-bit	205.25ms	3.25ms	29.70ms	2	-
Firefox 93.0	OS X 10.15	229.00ms	3.50ms	38.00ms	2	-
null null	null	1165.04ms	7.13ms	108.85ms	2	-
Opera 80.0	Windows 10 64-bit	236.45ms	4.10ms	17.35ms	2	-
Chrome 92.0	Linux 64-bit	700.35ms	6.15ms	20.10ms	2	-
Firefox 91.0	OS X 10.15	77.00ms	2.00ms	11.00ms	1	-
Firefox 91.0	Ubuntu 64-bit	129.00ms	4.00ms	19.00ms	1	-
Firefox 92.0	Ubuntu 64-bit	368.00ms	4.00ms	15.00ms	1	-
Chrome Mobile 94.0	iOS 15.0	63.00ms	1.00ms	6.00ms	1	-
Safari 13.0.3	iOS 13.2.3	104.00ms	3.00ms	6.00ms	1	-
Chrome 94.0	Windows 8.1 64-bit	305.50ms	7.30ms	58.60ms	1	-
Safari 15.0	iOS 15.0	160.00ms	1.00ms	3.00ms	1	-
Safari 14.0.3	iOS 14.4	147.00ms	2.00ms	6.00ms	1	-
Chrome 87.0	Windows 10 64-bit	197.09ms	2.38ms	11.56ms	1	-
Opera 78.0	Windows 10 64-bit	341.20ms	4.40ms	39.80ms	1	-
Chrome 92.0	OS X 10.14.6 64-bit	315.00ms	2.80ms	7.40ms	1	-
Chrome 94.0	Windows Server 2008 R2 / 7 64-bit	287.10ms	2.70ms	22.40ms	1	-
Chrome Mobile 94.0	Android 6.0	548.00ms	3.70ms	24.30ms	1	-
Opera 75.0	Linux 64-bit	322.30ms	9.72ms	10.54ms	1	-
Safari 14.7	iOS 14.7.1	166.00ms	1.00ms	4.00ms	1	-
Firefox 78.0	Linux 64-bit	61.00ms	3.00ms	10.00ms	1	-
Firefox 93.0	Windows 8.1 64-bit	359.00ms	7.00ms	19.00ms	1	-
Chrome 68.0	Windows 10 64-bit	206.30ms	3.70ms	247.80ms	1	-
Safari 14.0.1	OS X 10.15.6	67.00ms	1.00ms	6.00ms	1	-
Chrome Mobile 86.0	Android 10	228.50ms	11.00ms	62.40ms	1	-
Safari 12.1.2	iOS 12.5.5	683.00ms	7.00ms	40.00ms	1	-
Chrome 94.0	null	20.00ms	0.00ms	180.00ms	1	-
Safari 15.0	iOS 15.0.2	268.00ms	1.00ms	8.00ms	1	-
Chrome 94.0	OS X 10.14.5 64-bit	220.80ms	2.70ms	29.70ms	1	-