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 94.0	Windows 10 64-bit	386.59ms	10.44ms	23.86ms	103	-
Chrome 94.0	OS X 10.15.7 64-bit	267.96ms	6.10ms	20.68ms	45	-
Firefox 93.0	Windows 10 64-bit	509.27ms	6.86ms	28.95ms	22	-
Firefox 93.0	Ubuntu 64-bit	380.73ms	9.45ms	34.73ms	11	-
Chrome 95.0	Windows 10 64-bit	339.73ms	8.39ms	26.86ms	10	-
Chrome Mobile 94.0	Android 11	452.00ms	25.68ms	81.54ms	9	-
Chrome 94.0	Linux 64-bit	334.71ms	6.91ms	26.28ms	9	-
Firefox 92.0	Windows 10 64-bit	563.00ms	10.20ms	94.20ms	5	-
Safari 15.0	OS X 10.15.7	220.80ms	4.80ms	16.00ms	5	-
Chrome 93.0	Windows 10 64-bit	376.38ms	16.15ms	32.42ms	4	-
Safari 15.0	iOS 15.0	190.00ms	4.00ms	8.25ms	4	-
Safari 14.1.2	iOS 14.7.1	335.25ms	6.50ms	24.25ms	4	-
Firefox 93.0	OS X 10.15	271.75ms	7.50ms	42.75ms	4	-
Chrome 95.0	OS X 10.15.7 64-bit	177.70ms	3.73ms	10.47ms	3	-
Chrome Mobile 94.0	Android 10	334.60ms	24.83ms	67.13ms	3	-
Safari 14.1.2	OS X 10.15.7	261.33ms	8.00ms	47.33ms	3	-
Opera 79.0	Windows 10 64-bit	353.13ms	11.03ms	18.10ms	3	-
Chrome 94.0	OS X 10.14.6 64-bit	188.27ms	8.23ms	22.97ms	3	-
Safari 14.1.1	iOS 14.6	268.67ms	5.33ms	10.67ms	3	-
Firefox 78.0	Linux 64-bit	294.50ms	10.50ms	161.00ms	2	-
Firefox 92.0	Fedora 64-bit	254.00ms	6.00ms	12.50ms	2	-
Chrome 91.0	OS X 10.15.7 64-bit	118.15ms	4.75ms	14.60ms	2	-
Chrome 93.0	OS X 10.15.7 64-bit	195.70ms	6.25ms	60.75ms	2	-
Firefox 92.0	OS X 10.15	762.00ms	7.50ms	26.00ms	2	-
Firefox 92.0	Ubuntu 64-bit	246.50ms	10.00ms	16.50ms	2	-
Safari 14.0.3	OS X 10.15.6	303.00ms	4.00ms	16.00ms	2	-
Safari 14.1.2	iOS 14.8	184.00ms	3.00ms	6.00ms	2	-
Chrome Mobile 94.0	Android 9	385.00ms	29.65ms	109.25ms	2	-
Chrome 92.0	Linux 64-bit	260.05ms	9.50ms	21.95ms	2	-
Safari 15.0	iOS 15.0.2	151.00ms	2.50ms	32.00ms	2	-
Safari 15.0	OS X 10.15.6	166.50ms	2.50ms	9.00ms	2	-
Firefox 94.0	Windows 10 64-bit	522.50ms	4.50ms	14.00ms	2	-
Safari 15.0	iOS 15.0.1	364.50ms	10.00ms	41.50ms	2	-
Opera 80.0	Windows 10 64-bit	296.50ms	8.45ms	23.05ms	2	-
Chrome Mobile 91.0	iOS 14.7	112.00ms	3.00ms	6.00ms	1	-
Firefox Mobile 93.0	Android 9	1453.00ms	53.00ms	156.00ms	1	-
Chrome Mobile 94.0	iOS 14.8	131.00ms	4.00ms	6.00ms	1	-
Chrome 92.0	Windows Server 2008 R2 / 7 64-bit	1173.90ms	17.10ms	271.10ms	1	-
Firefox 91.0	OS X 10.15	80.00ms	5.00ms	12.00ms	1	-
Chrome Mobile 93.0	Android 9	1175.10ms	53.80ms	97.10ms	1	-
Chrome 92.0	OS X 10.14.6 64-bit	183.80ms	5.50ms	14.40ms	1	-
Chrome Mobile 94.0	iOS 15.0	81.00ms	4.00ms	8.00ms	1	-
Chrome 94.0	OS X 10.13.6 64-bit	186.00ms	7.50ms	19.80ms	1	-
Chrome 92.0	OS X 10.15.7 64-bit	381.30ms	5.10ms	8.60ms	1	-
Opera 77.0	Windows Server 2008 R2 / 7 64-bit	313.90ms	13.50ms	51.30ms	1	-
Chrome 94.0	Windows Server 2008 R2 / 7 64-bit	352.90ms	9.30ms	29.50ms	1	-
Opera 79.0	OS X 10.15.4	225.20ms	6.90ms	18.30ms	1	-
Safari 13.1.3	OS X 10.15.7	347.00ms	6.00ms	16.00ms	1	-
Firefox Mobile 92.0	Android 11	535.00ms	17.00ms	40.00ms	1	-
Chrome Mobile 93.0	Android 10	158.40ms	11.50ms	41.00ms	1	-