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 89.0	Windows 10 64-bit	386.65ms	5.81ms	17.66ms	17	-
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	-
null null	null	637.90ms	6.72ms	31.81ms	7	-
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 84.0	Windows 10 64-bit	264.33ms	4.00ms	14.00ms	3	-
Firefox 85.0	Ubuntu 64-bit	338.67ms	6.33ms	33.33ms	3	-
Chrome 90.0	Windows 10 64-bit	444.82ms	3.90ms	14.63ms	3	-
Chrome 90.0	OS X 10.15.7 64-bit	203.53ms	2.47ms	13.78ms	3	-
Android Browser 4.0	Android 10	379.13ms	6.33ms	23.60ms	3	-
Chrome 84.0	Linux 64-bit	208.36ms	3.41ms	19.75ms	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	-
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	-
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 85.0	Windows 10 64-bit	262.50ms	2.50ms	54.00ms	2	-
Safari 14.0.3	OS X 10.15.6	124.50ms	1.00ms	6.50ms	2	-
Chrome Mobile 87.0	iOS 14.4	149.50ms	1.50ms	8.00ms	2	-
Firefox 87.0	Windows 10 64-bit	256.00ms	4.00ms	55.00ms	2	-
Chrome 89.0	Linux 64-bit	352.92ms	2.84ms	5.49ms	2	-
Chrome 77.0	Windows 10 64-bit	892.47ms	6.09ms	35.77ms	2	-
Safari 14.0.3	iOS 14.4.2	152.00ms	1.00ms	12.00ms	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	-
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	-