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 96.0	Windows 10 64-bit	319.95ms	30.44ms	21.77ms	50	-
Chrome 97.0	Windows 10 64-bit	317.97ms	19.99ms	15.10ms	48	-
Chrome 98.0	Windows 10 64-bit	371.64ms	25.38ms	28.71ms	43	-
Chrome 99.0	Windows 10 64-bit	1995.09ms	28.64ms	16.77ms	38	-
Chrome 100.0	Windows 10 64-bit	304.38ms	19.17ms	11.81ms	35	-
Chrome 97.0	OS X 10.15.7 64-bit	251.87ms	22.88ms	14.33ms	20	-
Chrome 96.0	OS X 10.15.7 64-bit	217.59ms	87.93ms	12.56ms	19	-
Chrome 99.0	OS X 10.15.7 64-bit	208.16ms	25.75ms	6.58ms	18	-
Chrome 98.0	OS X 10.15.7 64-bit	363.07ms	25.46ms	12.84ms	16	-
Chrome 100.0	OS X 10.15.7 64-bit	177.74ms	15.15ms	7.29ms	11	-
Firefox 95.0	Windows 10 64-bit	367.10ms	20.60ms	29.30ms	10	-
Firefox 96.0	Windows 10 64-bit	263.00ms	14.38ms	21.63ms	8	-
Safari 15.3	iOS 15.3.1	175.67ms	9.17ms	11.00ms	6	-
Firefox 99.0	Windows 10 64-bit	426.50ms	12.50ms	24.83ms	6	-
Chrome 101.0	Windows 10 64-bit	305.58ms	46.88ms	8.50ms	6	-
Firefox 94.0	Windows 10 64-bit	215.00ms	10.83ms	16.67ms	6	-
Chrome 97.0	Linux 64-bit	349.23ms	72.85ms	12.60ms	6	-
Safari 15.2	iOS 15.2.1	1370.17ms	75.00ms	35.33ms	6	-
Firefox 98.0	Windows 10 64-bit	305.00ms	16.20ms	27.00ms	5	-
Chrome Mobile 97.0	Android 11	411.56ms	15.18ms	62.72ms	5	-
Firefox 97.0	Windows 10 64-bit	218.80ms	15.00ms	30.40ms	5	-
Chrome 95.0	Linux 64-bit	287.52ms	7.70ms	10.30ms	4	-
Safari 15.1	iOS 15.1	235.75ms	24.00ms	9.75ms	4	-
Chrome 96.0	Linux 64-bit	328.55ms	73.00ms	14.40ms	4	-
Chrome Mobile 96.0	Android 11	362.27ms	14.82ms	44.42ms	4	-
Firefox 98.0	Linux 64-bit	432.33ms	28.00ms	60.33ms	3	-
Chrome Mobile 98.0	Android 11	563.37ms	59.23ms	45.03ms	3	-
Opera 84.0	Windows 10 64-bit	282.03ms	28.33ms	11.93ms	3	-
Chrome 99.0	Linux 64-bit	346.53ms	73.80ms	6.90ms	3	-
Firefox 100.0	Windows 10 64-bit	204.33ms	8.67ms	12.33ms	3	-
Firefox 99.0	OS X 10.15	235.67ms	8.00ms	25.33ms	3	-
Chrome Mobile 100.0	Android 12	132.37ms	17.83ms	21.67ms	3	-
Chrome Mobile 100.0	Android 11	459.10ms	42.10ms	73.60ms	3	-
Firefox 99.0	Ubuntu 64-bit	387.00ms	6.00ms	15.33ms	3	-
Chrome 101.0	Linux 64-bit	263.57ms	1.30ms	8.87ms	3	-
Safari 15.1	OS X 10.15.7	334.67ms	1.00ms	11.00ms	3	-
Firefox 95.0	Ubuntu 64-bit	240.67ms	21.33ms	19.33ms	3	-
Chrome Mobile 96.0	Android 10	465.50ms	7.33ms	114.93ms	3	-
Safari 15.4	OS X 10.15.7	197.33ms	40.33ms	39.67ms	3	-
Safari 15.2	OS X 10.15.7	201.67ms	6.33ms	4.67ms	3	-
Firefox 96.0	Linux 64-bit	500.33ms	15.00ms	16.67ms	3	-
Chrome 100.0	Linux 64-bit	332.37ms	15.90ms	11.20ms	3	-
Chrome Mobile 97.0	Android 10	361.17ms	6.67ms	55.60ms	3	-
Safari 15.3	iOS 15.3	193.50ms	11.00ms	13.00ms	2	-
Chrome Mobile 98.0	Android 12	360.85ms	38.20ms	39.00ms	2	-
Safari 15.3	OS X 10.15.7	403.00ms	0.50ms	40.50ms	2	-
Firefox 98.0	OS X 10.15	283.50ms	7.00ms	15.50ms	2	-
Safari 15.4	iOS 15.4	129.00ms	3.50ms	6.50ms	2	-
Safari 15.4	OS X 10.15.6	139.50ms	4.50ms	29.00ms	2	-
Chrome 72.0	Windows 10 64-bit	352.50ms	0.00ms	70.50ms	2	-