PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing in the style of 1930s poster art. 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	363.87ms	19.78ms	23.97ms	62	-
Chrome 94.0	OS X 10.15.7 64-bit	283.37ms	26.65ms	13.31ms	27	-
Firefox 93.0	Windows 10 64-bit	369.53ms	17.12ms	24.65ms	17	-
Chrome Mobile 94.0	Android 11	413.42ms	13.29ms	72.68ms	8	-
Chrome 95.0	Windows 10 64-bit	304.64ms	60.76ms	17.44ms	7	-
Chrome 94.0	Linux 64-bit	373.02ms	17.34ms	22.36ms	5	-
Firefox 93.0	Ubuntu 64-bit	382.00ms	24.00ms	45.20ms	5	-
Safari 14.1.2	iOS 14.7.1	185.00ms	6.75ms	18.50ms	4	-
Firefox 78.0	Linux 64-bit	178.67ms	26.00ms	27.33ms	3	-
Firefox 92.0	OS X 10.15	310.67ms	18.33ms	23.33ms	3	-
Opera 79.0	Windows 10 64-bit	359.57ms	2.80ms	15.83ms	3	-
Chrome Mobile 93.0	Android 10	303.67ms	27.83ms	55.53ms	3	-
Safari 14.1.1	OS X 10.15.6	211.33ms	14.67ms	20.33ms	3	-
Safari 15.0	iOS 15.0.2	140.33ms	2.00ms	9.00ms	3	-
Chrome 93.0	Windows 10 64-bit	241.10ms	23.30ms	20.05ms	2	-
Chrome 93.0	OS X 10.15.7 64-bit	243.60ms	29.20ms	17.80ms	2	-
Chrome 91.0	Linux 64-bit	201.90ms	2.65ms	26.35ms	2	-
Chrome 94.0	OS X 10.14.6 64-bit	154.60ms	28.00ms	8.70ms	2	-
Firefox 93.0	OS X 10.15	228.50ms	13.50ms	19.50ms	2	-
Firefox Mobile 93.0	Android 10	440.00ms	18.50ms	29.00ms	2	-
Chrome Mobile 94.0	Android 10	292.60ms	25.50ms	43.50ms	2	-
Chrome 95.0	OS X 10.15.7 64-bit	192.05ms	15.80ms	5.95ms	2	-
Safari 14.1.2	OS X 10.15.7	144.00ms	12.00ms	26.00ms	1	-
Firefox 92.0	Windows 10 64-bit	284.00ms	17.00ms	18.00ms	1	-
Firefox 91.0	OS X 10.15	101.00ms	3.00ms	6.00ms	1	-
Android Browser 4.0	Android 8.0.0	445.80ms	6.20ms	36.90ms	1	-
Chrome Mobile 94.0	iOS 15.0	68.00ms	7.00ms	9.00ms	1	-
Safari 14.0.3	iOS 14.4	166.00ms	1.00ms	9.00ms	1	-
Chrome 92.0	OS X 10.14.6 64-bit	320.80ms	24.70ms	6.50ms	1	-
Chrome 94.0	Windows Server 2008 R2 / 7 64-bit	356.70ms	26.40ms	13.10ms	1	-
Safari 15.0	iOS 15.0.1	180.00ms	4.00ms	4.00ms	1	-
Chrome Mobile 90.0	Android 10	503.50ms	12.00ms	130.80ms	1	-
Android Browser 4.0	Android 10	638.80ms	283.70ms	116.20ms	1	-
Safari 14.1.2	iOS 14.8	87.00ms	1.00ms	4.00ms	1	-
Chrome Mobile 88.0	Android 9	554.40ms	8.40ms	181.50ms	1	-
Firefox 93.0	Windows 8.1 64-bit	423.00ms	16.00ms	18.00ms	1	-
Chrome 92.0	Linux 64-bit	331.10ms	5.00ms	34.70ms	1	-
Chrome Mobile 87.0	Android 10	212.80ms	5.00ms	34.70ms	1	-
Safari 8+	iOS 14.7.1	208.00ms	1.00ms	11.00ms	1	-
Safari 13.1.3	OS X 10.15.7	183.00ms	1.00ms	20.00ms	1	-
null null	null	504.46ms	12.30ms	10.38ms	1	-
Safari 14.1.1	iOS 14.6	352.00ms	77.00ms	116.00ms	1	-
Safari 11.0	iOS 11.0	310.40ms	18.00ms	17.50ms	1	-
Safari 14.0	iOS 14.0	84.00ms	1.00ms	20.00ms	1	-
Chrome 94.0	OS X 10.13.6 64-bit	398.10ms	3.70ms	18.30ms	1	-
Chrome 94.0	Windows 8.1 64-bit	1213.10ms	112.40ms	31.70ms	1	-
Safari 15.1	iOS 15.1	1670.00ms	34.00ms	52.00ms	1	-
Chrome Mobile 94.0	Android 9	372.90ms	84.00ms	63.00ms	1	-
Firefox 93.0	OS X 10.14	406.00ms	30.00ms	35.00ms	1	-