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 91.0	Windows 10 64-bit	343.24ms	8.65ms	24.09ms	210	-
Chrome 84.0	Windows 10 64-bit	554.14ms	9.89ms	62.89ms	172	-
Chrome 78.0	Windows 10 64-bit	333.24ms	8.88ms	41.43ms	165	-
Chrome 83.0	Windows 10 64-bit	412.61ms	9.71ms	38.39ms	151	-
Chrome 80.0	Windows 10 64-bit	422.08ms	11.67ms	52.01ms	143	-
Chrome 90.0	Windows 10 64-bit	368.15ms	8.08ms	26.55ms	141	-
Chrome 89.0	Windows 10 64-bit	377.33ms	9.23ms	33.66ms	130	-
Chrome 79.0	Windows 10 64-bit	460.55ms	8.96ms	48.50ms	111	-
Chrome 77.0	Windows 10 64-bit	494.90ms	10.31ms	60.77ms	105	-
Chrome 76.0	Windows 10 64-bit	458.71ms	10.35ms	56.24ms	87	-
Chrome 75.0	Windows 10 64-bit	326.19ms	9.25ms	40.80ms	86	-
Chrome 91.0	OS X 10.15.7 64-bit	403.35ms	6.92ms	24.03ms	83	-
Chrome 90.0	OS X 10.15.7 64-bit	286.21ms	5.86ms	27.00ms	66	-
Chrome 83.0	OS X 10.15.5 64-bit	433.12ms	7.51ms	33.20ms	53	-
Chrome 78.0	OS X 10.14.6 64-bit	371.00ms	6.33ms	34.35ms	53	-
Chrome 74.0	Windows 10 64-bit	408.79ms	15.20ms	72.32ms	42	-
Android Browser 4.0	Android 9	356.25ms	22.60ms	67.88ms	42	-
Chrome 84.0	OS X 10.15.6 64-bit	423.42ms	8.76ms	44.55ms	41	-
Chrome 84.0	OS X 10.15.5 64-bit	434.29ms	7.80ms	25.10ms	39	-
Firefox 81.0	Windows 10 64-bit	273.21ms	8.58ms	49.11ms	38	-
Firefox 70.0	Windows 10 64-bit	159.05ms	9.73ms	41.00ms	37	-
Firefox 89.0	Windows 10 64-bit	283.83ms	6.17ms	26.47ms	36	-
Chrome 75.0	OS X 10.14.5 64-bit	287.02ms	7.01ms	37.74ms	35	-
Chrome 83.0	Linux 64-bit	408.29ms	10.98ms	40.49ms	31	-
Chrome 77.0	OS X 10.14.6 64-bit	340.84ms	6.21ms	33.70ms	31	-
Chrome 81.0	Windows 10 64-bit	377.11ms	10.60ms	34.88ms	31	-
Chrome 80.0	OS X 10.15.3 64-bit	388.58ms	6.49ms	26.66ms	31	-
Safari 14.0.3	iOS 14.4.2	202.77ms	4.70ms	11.17ms	30	-
Firefox 78.0	Windows 10 64-bit	154.23ms	9.73ms	46.43ms	30	-
Chrome 78.0	Linux 64-bit	336.03ms	9.14ms	59.72ms	30	-
Chrome 78.0	OS X 10.15.1 64-bit	556.87ms	6.40ms	31.97ms	30	-
Chrome 89.0	OS X 11.2.3 64-bit	333.06ms	6.61ms	23.36ms	30	-
Chrome 80.0	OS X 10.14.6 64-bit	354.50ms	7.60ms	32.35ms	29	-
Chrome Mobile 78.0	Android 9	749.04ms	24.03ms	316.41ms	28	-
Firefox 88.0	Windows 10 64-bit	383.81ms	6.67ms	30.48ms	27	-
Chrome 80.0	Linux 64-bit	708.96ms	11.22ms	49.24ms	27	-
Chrome 91.0	Linux 64-bit	376.05ms	10.12ms	26.62ms	26	-
Android Browser 4.0	Android 10	483.26ms	19.39ms	156.27ms	26	-
Chrome 89.0	OS X 10.15.7 64-bit	298.44ms	6.97ms	25.46ms	23	-
Chrome 83.0	OS X 10.14.6 64-bit	566.93ms	9.07ms	42.31ms	23	-
Chrome 84.0	Linux 64-bit	422.17ms	15.20ms	66.70ms	23	-
Chrome Mobile 91.0	Android 10	415.82ms	24.38ms	121.72ms	23	-
Safari 13.1.1	iOS 13.5.1	368.00ms	6.14ms	13.23ms	22	-
Firefox 80.0	Windows 10 64-bit	142.59ms	9.41ms	32.59ms	22	-
Firefox 86.0	Windows 10 64-bit	333.64ms	8.86ms	57.41ms	22	-
Chrome 84.0	OS X 10.14.6 64-bit	363.70ms	6.53ms	28.70ms	22	-
Firefox 67.0	Windows 10 64-bit	210.95ms	18.73ms	42.27ms	22	-
Chrome 79.0	OS X 10.14.6 64-bit	345.11ms	6.21ms	28.57ms	22	-
Chrome 83.0	OS X 10.15.4 64-bit	334.25ms	7.25ms	36.65ms	21	-
Chrome Mobile 83.0	Android 10	417.31ms	17.87ms	69.46ms	21	-