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	-
Chrome 84.0	OS X 10.14.6 64-bit	373.02ms	2.65ms	22.54ms	8	-
Firefox 78.0	Windows 10 64-bit	104.13ms	3.50ms	32.00ms	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	-
Firefox 80.0	Windows 10 64-bit	211.20ms	8.60ms	70.20ms	5	-
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	-
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	-
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 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	-
Safari 14.0	iOS 14.0	174.00ms	2.00ms	8.00ms	3	-
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	-
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	-
null null	null	640.54ms	8.52ms	21.61ms	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 78.0	Linux 64-bit	260.50ms	8.00ms	93.50ms	2	-
Firefox 79.0	Windows Server 2008 R2 / 7 64-bit	383.00ms	8.50ms	70.00ms	2	-
Chrome 83.0	OS X 10.15.6 64-bit	355.55ms	3.87ms	11.17ms	1	-
Firefox for iOS 27.0	iOS 13.5.1	146.00ms	3.00ms	8.00ms	1	-
Chrome Mobile 84.0	Android 8.0.0	238.90ms	13.40ms	25.90ms	1	-
Opera 69.0	Windows 10 64-bit	126.97ms	3.02ms	10.01ms	1	-
Safari 13.1.2	OS X 10.15.6	207.00ms	3.00ms	17.00ms	1	-
Chrome Mobile 84.0	iOS 13.5	233.00ms	3.00ms	9.00ms	1	-
Chrome 84.0	OS X 10.12.6 64-bit	832.50ms	4.43ms	68.76ms	1	-
Chrome Mobile 84.0	iOS 13.6	107.00ms	2.00ms	7.00ms	1	-
Firefox 79.0	Windows 8.1 64-bit	150.00ms	7.00ms	32.00ms	1	-
Chrome 84.0	OS X 10.11.6 64-bit	479.43ms	4.97ms	26.13ms	1	-
Opera 68.0	OS X 10.14.6	236.84ms	2.10ms	4.30ms	1	-
Safari 8+	iOS 13.6	104.00ms	2.00ms	5.00ms	1	-
Opera 70.0	Windows 10 64-bit	143.57ms	4.34ms	18.37ms	1	-