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 91.0	Windows 10 64-bit	266.38ms	2.98ms	8.39ms	23	-
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	-
null null	null	610.91ms	6.96ms	55.31ms	15	-
Chrome 90.0	Windows 10 64-bit	552.16ms	3.74ms	16.17ms	14	-
Chrome 83.0	OS X 10.15.5 64-bit	338.38ms	3.27ms	24.19ms	13	-
Chrome 92.0	Windows 10 64-bit	298.22ms	2.81ms	10.26ms	12	-
Chrome 84.0	OS X 10.15.5 64-bit	294.12ms	2.73ms	17.96ms	10	-
Chrome 90.0	OS X 10.15.7 64-bit	230.16ms	2.32ms	10.64ms	10	-
Chrome 83.0	OS X 10.14.6 64-bit	280.41ms	5.80ms	71.72ms	9	-
Chrome 93.0	Windows 10 64-bit	356.83ms	3.28ms	15.21ms	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	-
Chrome 91.0	OS X 10.15.7 64-bit	521.20ms	2.71ms	175.93ms	7	-
Firefox 89.0	Windows 10 64-bit	625.57ms	5.00ms	47.71ms	7	-
Safari 13.1.1	iOS 13.5.1	425.29ms	3.57ms	8.71ms	7	-
Chrome 92.0	Linux 64-bit	259.70ms	2.82ms	19.12ms	6	-
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	-
Firefox 88.0	Windows 10 64-bit	250.60ms	2.40ms	13.00ms	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	-
Safari 14.0.3	OS X 10.15.6	153.25ms	2.00ms	11.50ms	4	-
Chrome Mobile 87.0	iOS 14.4	215.50ms	2.00ms	7.25ms	4	-
Chrome 57.0	Linux 64-bit	133.35ms	8.18ms	16.62ms	4	-
Android Browser 4.0	Android 10	604.72ms	9.13ms	31.30ms	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	-
Chrome 92.0	OS X 10.15.7 64-bit	177.95ms	2.88ms	10.20ms	4	-
Firefox 79.0	Windows 10 64-bit	154.50ms	5.50ms	24.75ms	4	-
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	338.67ms	6.33ms	33.33ms	3	-
Safari 14.0.3	iOS 14.4.2	138.00ms	1.33ms	10.00ms	3	-
Chrome Mobile 90.0	Android 11	361.83ms	6.57ms	30.73ms	3	-
Chrome 93.0	OS X 10.15.7 64-bit	201.03ms	2.50ms	9.77ms	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	-
Chrome 93.0	Linux 64-bit	236.70ms	2.75ms	6.30ms	2	-
Firefox for iOS 36.0	iOS 14.7.1	254.00ms	2.00ms	5.50ms	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	-