PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing in the style of an 18th-century oil 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	309.37ms	8.62ms	20.23ms	92	-
Chrome 97.0	Windows 10 64-bit	424.23ms	8.58ms	31.77ms	69	-
Chrome 100.0	Windows 10 64-bit	247.97ms	6.51ms	19.50ms	66	-
Chrome 99.0	Windows 10 64-bit	346.86ms	8.03ms	35.18ms	56	-
Chrome 98.0	Windows 10 64-bit	334.21ms	6.99ms	27.57ms	55	-
Chrome 97.0	OS X 10.15.7 64-bit	244.51ms	5.22ms	17.90ms	53	-
Chrome 96.0	OS X 10.15.7 64-bit	274.94ms	6.57ms	25.90ms	52	-
Chrome 98.0	OS X 10.15.7 64-bit	281.77ms	5.18ms	17.23ms	45	-
Chrome 99.0	OS X 10.15.7 64-bit	223.96ms	5.41ms	16.38ms	28	-
Chrome 100.0	OS X 10.15.7 64-bit	220.62ms	4.57ms	11.86ms	28	-
Chrome Mobile 100.0	Android 12	204.87ms	14.25ms	43.07ms	26	-
Safari 15.4	iOS 15.4.1	285.91ms	3.23ms	10.00ms	22	-
Safari 15.4	iOS 15.4	157.06ms	3.13ms	14.38ms	16	-
Firefox 95.0	Windows 10 64-bit	268.40ms	7.73ms	55.80ms	15	-
Safari 15.3	iOS 15.3.1	209.50ms	3.71ms	9.29ms	14	-
Safari 15.4	OS X 10.15.7	264.00ms	3.38ms	14.69ms	13	-
Firefox 96.0	Windows 10 64-bit	259.50ms	6.17ms	28.00ms	12	-
Firefox 98.0	Windows 10 64-bit	330.73ms	4.82ms	41.64ms	11	-
Chrome Mobile 96.0	Android 11	327.15ms	22.45ms	48.44ms	11	-
Chrome Mobile 100.0	Android 11	427.69ms	20.49ms	102.25ms	10	-
Safari 15.1	iOS 15.1	399.80ms	4.80ms	10.20ms	10	-
Chrome 96.0	Linux 64-bit	328.02ms	8.95ms	17.54ms	10	-
Chrome Mobile 97.0	Android 11	418.44ms	23.33ms	107.07ms	9	-
Firefox 97.0	Windows 10 64-bit	235.67ms	6.67ms	35.44ms	9	-
Chrome Mobile 99.0	Android 12	242.26ms	12.38ms	71.23ms	9	-
Chrome 97.0	Linux 64-bit	269.66ms	6.16ms	22.85ms	8	-
Safari 15.2	OS X 10.15.7	203.25ms	3.75ms	13.25ms	8	-
Firefox 99.0	Windows 10 64-bit	291.38ms	5.75ms	54.00ms	8	-
Chrome 101.0	Windows 10 64-bit	380.14ms	8.26ms	19.99ms	8	-
Safari 14.1.2	iOS 14.8.1	259.50ms	6.75ms	12.25ms	8	-
Chrome 100.0	Linux 64-bit	375.90ms	8.43ms	18.49ms	7	-
Firefox 96.0	Linux 64-bit	499.33ms	10.67ms	48.67ms	6	-
Safari 15.3	OS X 10.15.7	187.17ms	3.67ms	13.17ms	6	-
Firefox 98.0	OS X 10.15	298.00ms	5.33ms	31.33ms	6	-
Opera 82.0	Windows 10 64-bit	320.88ms	7.70ms	31.46ms	5	-
Chrome 98.0	Linux 64-bit	395.76ms	10.72ms	16.66ms	5	-
null null	null	185.30ms	10.68ms	64.02ms	5	-
Chrome 99.0	Linux 64-bit	270.62ms	5.08ms	13.42ms	5	-
Firefox 100.0	Windows 10 64-bit	223.60ms	4.20ms	33.40ms	5	-
Firefox 99.0	OS X 10.15	336.20ms	5.60ms	52.00ms	5	-
Chrome Mobile 99.0	iOS 15.3	306.00ms	5.20ms	15.80ms	5	-
Chrome Mobile 100.0	Android 10	303.44ms	25.60ms	47.94ms	5	-
Firefox 96.0	OS X 10.15	269.25ms	5.25ms	20.25ms	4	-
Firefox 96.0	Ubuntu 64-bit	289.00ms	16.25ms	29.25ms	4	-
Opera 84.0	Windows 10 64-bit	554.67ms	14.40ms	452.02ms	4	-
Chrome Mobile 99.0	Android 11	336.23ms	21.17ms	58.88ms	4	-
Safari 15.4	OS X 10.15.6	178.25ms	2.50ms	14.75ms	4	-
Safari 15.0	iOS 15.0	167.75ms	3.00ms	11.75ms	4	-
Chrome Mobile 99.0	iOS 15.4	177.00ms	3.25ms	16.25ms	4	-
Chrome 95.0	Linux 64-bit	509.75ms	9.77ms	19.52ms	4	-