PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing inspired by Flemish baroque oil portraits. 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 80.0	Windows 10 64-bit	371.82ms	4.60ms	48.65ms	383	-
Chrome 79.0	Windows 10 64-bit	336.67ms	4.09ms	57.39ms	356	-
Chrome 83.0	Windows 10 64-bit	268.63ms	4.08ms	61.91ms	337	-
Chrome 78.0	Windows 10 64-bit	280.99ms	5.55ms	80.47ms	229	-
Chrome 84.0	Windows 10 64-bit	480.69ms	4.61ms	67.54ms	204	-
Android Browser 4.0	Android 9	406.11ms	7.40ms	951.82ms	203	-
Chrome 91.0	Windows 10 64-bit	325.42ms	3.92ms	20.99ms	146	-
Safari 8+	iOS 13.1.3	392.71ms	3.37ms	11.54ms	136	-
Chrome 90.0	Windows 10 64-bit	337.83ms	4.17ms	31.02ms	118	-
Chrome 89.0	Windows 10 64-bit	323.79ms	4.57ms	26.95ms	114	-
Chrome 80.0	OS X 10.15.3 64-bit	303.96ms	3.59ms	36.78ms	106	-
Firefox 77.0	Windows 10 64-bit	168.86ms	3.70ms	56.84ms	90	-
Chrome 81.0	Windows 10 64-bit	300.58ms	4.67ms	69.54ms	88	-
Chrome 80.0	OS X 10.14.6 64-bit	305.85ms	3.45ms	38.67ms	85	-
Chrome 83.0	OS X 10.15.5 64-bit	272.04ms	3.10ms	29.99ms	78	-
Android Browser 4.0	Android 10	386.28ms	6.59ms	255.66ms	77	-
Chrome 79.0	OS X 10.14.6 64-bit	247.20ms	3.20ms	41.84ms	68	-
Chrome 78.0	OS X 10.14.6 64-bit	245.90ms	2.99ms	41.25ms	64	-
Chrome Mobile 78.0	Android 9	387.32ms	7.60ms	3167.37ms	61	-
Chrome 80.0	Linux 64-bit	348.98ms	4.56ms	31.25ms	61	-
Chrome 79.0	OS X 10.15.2 64-bit	289.89ms	3.18ms	42.81ms	55	-
Chrome 91.0	OS X 10.15.7 64-bit	405.80ms	2.96ms	20.77ms	53	-
Chrome Mobile 83.0	Android 10	343.58ms	6.67ms	62.84ms	51	-
Chrome 90.0	OS X 10.15.7 64-bit	253.29ms	2.56ms	26.48ms	48	-
Chrome 84.0	OS X 10.15.6 64-bit	254.66ms	2.86ms	30.66ms	48	-
Firefox 72.0	Windows 10 64-bit	163.75ms	5.90ms	44.00ms	48	-
Chrome 83.0	Linux 64-bit	339.60ms	4.77ms	29.38ms	48	-
Chrome 78.0	OS X 10.15.1 64-bit	254.29ms	2.98ms	36.78ms	46	-
Safari 13.1.1	iOS 13.5.1	291.81ms	2.95ms	12.86ms	42	-
Chrome Mobile 80.0	Android 10	456.47ms	5.82ms	65.09ms	41	-
Safari 13.0.5	iOS 13.3.1	438.39ms	2.73ms	62.56ms	41	-
Chrome 79.0	Linux 64-bit	291.07ms	3.86ms	45.68ms	41	-
Safari 14.0	iOS 14.0.1	227.22ms	4.20ms	21.23ms	40	-
Firefox 70.0	Windows 10 64-bit	188.29ms	5.08ms	49.50ms	38	-
Firefox 78.0	Windows 10 64-bit	180.78ms	8.53ms	44.22ms	36	-
Safari 13.0.4	iOS 13.3	456.53ms	3.03ms	37.78ms	36	-
Chrome 83.0	OS X 10.14.6 64-bit	400.71ms	3.09ms	30.21ms	35	-
Chrome Mobile 79.0	Android 9	447.16ms	9.21ms	616.88ms	34	-
Safari 8+	iOS 13.2	364.53ms	3.35ms	12.53ms	34	-
Firefox 82.0	Windows 10 64-bit	133.00ms	5.29ms	40.06ms	34	-
Firefox 73.0	Windows 10 64-bit	167.34ms	5.63ms	58.09ms	32	-
Firefox 74.0	Windows 10 64-bit	220.77ms	5.23ms	87.26ms	31	-
Safari 13.0.1	iOS 13.1.3	368.90ms	3.27ms	44.50ms	30	-
Chrome 84.0	OS X 10.15.5 64-bit	338.30ms	3.54ms	31.19ms	30	-
Android Browser 4.0	Android 8.0.0	569.12ms	11.61ms	7740.95ms	30	-
Firefox 79.0	Windows 10 64-bit	243.00ms	5.28ms	56.38ms	29	-
Chrome 78.0	Linux 64-bit	276.24ms	4.40ms	41.93ms	29	-
Chrome Mobile 80.0	Android 9	416.98ms	9.36ms	71.51ms	29	-
Firefox 71.0	Windows 10 64-bit	178.43ms	5.71ms	54.89ms	28	-
Firefox 89.0	Windows 10 64-bit	300.00ms	3.11ms	32.57ms	28	-