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 96.0	Windows 10 64-bit	314.45ms	3.17ms	11.00ms	12	-
null null	null	374.82ms	7.75ms	51.18ms	9	-
Chrome 97.0	Windows 10 64-bit	416.90ms	6.26ms	23.06ms	7	-
Chrome 98.0	OS X 10.15.7 64-bit	164.64ms	2.00ms	8.07ms	7	-
Chrome 99.0	Windows 10 64-bit	422.80ms	3.25ms	20.93ms	6	-
Chrome 96.0	OS X 10.15.7 64-bit	204.14ms	3.38ms	14.02ms	5	-
Chrome 98.0	Windows 10 64-bit	270.70ms	2.14ms	30.86ms	5	-
Chrome 100.0	Windows 10 64-bit	406.54ms	3.28ms	27.34ms	5	-
Chrome 100.0	OS X 10.15.7 64-bit	177.48ms	5.48ms	13.10ms	4	-
Chrome 101.0	Windows 10 64-bit	194.45ms	1.83ms	5.57ms	4	-
Chrome 97.0	OS X 10.15.7 64-bit	211.00ms	2.17ms	6.87ms	4	-
Firefox 95.0	Windows 10 64-bit	352.50ms	2.75ms	23.75ms	4	-
Chrome 102.0	Windows 10 64-bit	541.03ms	1.90ms	8.23ms	3	-
Chrome 96.0	Linux 64-bit	189.87ms	5.87ms	13.17ms	3	-
Chrome 99.0	OS X 10.15.7 64-bit	135.43ms	1.17ms	9.23ms	3	-
Firefox 100.0	Windows 10 64-bit	229.50ms	2.00ms	13.50ms	2	-
Firefox 99.0	Windows 10 64-bit	540.50ms	3.50ms	11.00ms	2	-
Android Browser 4.0	Android 11	885.65ms	16.55ms	56.50ms	2	-
Chrome 95.0	OS X 10.15.7 64-bit	202.70ms	2.95ms	12.85ms	2	-
Chrome 98.0	Linux 64-bit	253.35ms	5.65ms	12.00ms	2	-
Firefox 98.0	Linux 64-bit	339.50ms	4.50ms	119.50ms	2	-
Chrome Mobile 98.0	Android 8.0.0	198.00ms	11.50ms	21.70ms	1	-
Firefox 97.0	Ubuntu 64-bit	198.00ms	2.00ms	25.00ms	1	-
Firefox Mobile 97.0	Android 10	605.00ms	14.00ms	115.00ms	1	-
Opera 84.0	Windows 10 64-bit	393.70ms	1.50ms	2.80ms	1	-
Chrome Mobile 87.0	iOS 13.3	583.20ms	1.50ms	7.80ms	1	-
Chrome 99.0	Linux 64-bit	184.40ms	2.90ms	4.80ms	1	-
Chrome 101.0	OS X 10.15.7 64-bit	349.70ms	2.90ms	12.30ms	1	-
Firefox 99.0	OS X 10.15	260.00ms	4.00ms	17.00ms	1	-
Chrome 99.0	OS X 10.13.6 64-bit	196.00ms	2.80ms	8.80ms	1	-
Chrome Mobile 99.0	iOS 15.4	89.00ms	2.00ms	6.00ms	1	-
Opera 85.0	Windows 10 64-bit	217.40ms	2.80ms	11.70ms	1	-
Firefox 100.0	Windows Server 2008 R2 / 7 64-bit	442.00ms	10.00ms	74.00ms	1	-
Safari 15.5	OS X 10.15.7	172.00ms	1.00ms	3.00ms	1	-
Chrome 100.0	OS X 10.14.6 64-bit	244.30ms	3.30ms	6.70ms	1	-
Chrome 103.0	Windows 10 64-bit	492.60ms	8.60ms	19.40ms	1	-
Firefox 100.0	Ubuntu 64-bit	263.00ms	5.00ms	27.00ms	1	-
Firefox 101.0	Windows 10 64-bit	343.00ms	12.00ms	77.00ms	1	-
Opera 85.0	Windows Server 2008 R2 / 7 64-bit	262.00ms	4.20ms	12.20ms	1	-
Opera Mobile 58.0.2254.58176	Android 8.1.0	2973.40ms	36.90ms	167.30ms	1	-
Chrome Mobile 102.0	iOS 15.5	170.00ms	1.00ms	11.00ms	1	-
Firefox 101.0	Windows 8.1 64-bit	164.00ms	6.00ms	16.00ms	1	-
Firefox 101.0	Ubuntu 64-bit	240.00ms	11.00ms	16.00ms	1	-
Chrome 87.0	Linux 64-bit	544.00ms	3.02ms	12.95ms	1	-
Safari 14.1.2	OS X 10.15.6	302.00ms	3.00ms	13.00ms	1	-
Firefox 91.0	Linux 64-bit	460.00ms	11.00ms	33.00ms	1	-
Chrome 94.0	OS X 10.15.7 64-bit	319.90ms	1.40ms	5.80ms	1	-
Firefox 94.0	OS X 10.15	478.00ms	3.00ms	22.00ms	1	-
Safari 15.1	OS X 10.15.7	99.00ms	2.00ms	47.00ms	1	-
Safari 14.1.2	OS X 10.14.6	726.00ms	3.00ms	7.00ms	1	-