PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing in style of italian renaissance painting. 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 84.0	Windows 10 64-bit	596.89ms	4.55ms	34.29ms	51	-
Chrome 83.0	Windows 10 64-bit	256.06ms	3.56ms	24.15ms	31	-
Chrome 84.0	OS X 10.15.6 64-bit	249.99ms	2.47ms	17.22ms	15	-
Chrome 83.0	OS X 10.15.5 64-bit	338.38ms	3.27ms	24.19ms	13	-
Chrome 84.0	OS X 10.15.5 64-bit	294.12ms	2.73ms	17.96ms	10	-
Chrome 83.0	OS X 10.14.6 64-bit	280.41ms	5.80ms	71.72ms	9	-
Firefox 78.0	Windows 10 64-bit	104.13ms	3.50ms	32.00ms	8	-
Chrome 84.0	OS X 10.14.6 64-bit	373.02ms	2.65ms	22.54ms	8	-
Safari 13.1.1	iOS 13.5.1	425.29ms	3.57ms	8.71ms	7	-
Chrome 83.0	Linux 64-bit	310.15ms	5.78ms	38.05ms	6	-
null null	null	622.78ms	7.47ms	20.31ms	5	-
Firefox 80.0	Windows 10 64-bit	211.20ms	8.60ms	70.20ms	5	-
Chrome 57.0	Linux 64-bit	133.35ms	8.18ms	16.62ms	4	-
Safari 13.1.1	OS X 10.15.5	604.50ms	2.00ms	6.25ms	4	-
Chrome Mobile 83.0	Android 9	315.35ms	12.32ms	34.40ms	4	-
Firefox 77.0	OS X 10.15	177.50ms	6.75ms	70.25ms	4	-
Firefox 79.0	Windows 10 64-bit	154.50ms	5.50ms	24.75ms	4	-
Chrome Mobile 84.0	Android 10	333.70ms	7.30ms	40.85ms	4	-
Chrome Mobile 84.0	Android 9	347.83ms	7.22ms	83.78ms	4	-
Firefox 77.0	Windows 10 64-bit	251.33ms	6.00ms	189.33ms	3	-
Chrome 84.0	OS X 10.15.4 64-bit	255.51ms	2.69ms	37.49ms	3	-
Firefox 78.0	Linux 64-bit	304.67ms	7.67ms	95.00ms	3	-
Safari 14.0	iOS 14.0	174.00ms	2.00ms	8.00ms	3	-
Firefox 80.0	OS X 10.15	241.33ms	3.67ms	50.33ms	3	-
Chrome 84.0	OS X 10.13.6 64-bit	330.28ms	2.91ms	36.48ms	3	-
Firefox 84.0	Windows 10 64-bit	264.33ms	4.00ms	14.00ms	3	-
Firefox 85.0	Ubuntu 64-bit	180.00ms	2.50ms	22.50ms	2	-
Chrome 77.0	Windows 10 64-bit	892.47ms	6.09ms	35.77ms	2	-
Chrome 80.0	Linux 64-bit	238.56ms	3.40ms	12.84ms	2	-
Chrome 81.0	Windows 10 64-bit	253.87ms	6.20ms	47.72ms	2	-
Chrome 83.0	OS X 10.15.4 64-bit	124.20ms	4.27ms	12.53ms	2	-
Chrome 84.0	Linux 64-bit	133.40ms	4.03ms	26.09ms	2	-
Firefox 77.0	Linux 64-bit	299.00ms	10.50ms	104.00ms	2	-
Firefox 77.0	Ubuntu 64-bit	124.00ms	4.00ms	19.50ms	2	-
Chrome Mobile 83.0	Android 8.1.0	452.85ms	14.30ms	32.55ms	2	-
Firefox 79.0	Windows Server 2008 R2 / 7 64-bit	383.00ms	8.50ms	70.00ms	2	-
Chrome 84.0	Windows Server 2008 R2 / 7 64-bit	397.03ms	3.91ms	61.15ms	2	-
Safari 13.1.2	OS X 10.15.4	247.00ms	6.00ms	13.00ms	2	-
Firefox 79.0	Ubuntu 64-bit	83.00ms	5.50ms	13.00ms	2	-
Firefox 83.0	Windows 10 64-bit	76.00ms	10.50ms	37.00ms	2	-
Firefox Mobile 84.0	Android 10	303.00ms	5.00ms	22.00ms	1	-
Firefox 84.0	OS X 10.15	350.00ms	4.00ms	50.00ms	1	-
Firefox 85.0	Windows 10 64-bit	222.00ms	4.00ms	19.00ms	1	-
Firefox for iOS 28.2	iOS 14.2	341.00ms	5.00ms	14.00ms	1	-
Firefox 84.0	OS X 10.16	177.00ms	4.00ms	40.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	230.00ms	5.00ms	22.00ms	1	-
Chrome 67.0	OS X 10.9.5 64-bit	92.80ms	3.00ms	20.70ms	1	-
Android Browser 4.0	Android 8.0.0	1228.90ms	19.60ms	392.40ms	1	-
Android Browser 4.0	Android 7.0	934.70ms	21.60ms	67.40ms	1	-
Firefox 68.0	OS X 10.14	143.00ms	5.00ms	36.00ms	1	-