Publish Art via Github

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 78.0	Windows 10 64-bit	333.24ms	8.90ms	41.42ms	164	-
Chrome 79.0	Windows 10 64-bit	460.55ms	8.96ms	48.50ms	111	-
Chrome 77.0	Windows 10 64-bit	466.83ms	10.18ms	60.76ms	104	-
Chrome 80.0	Windows 10 64-bit	427.94ms	11.32ms	51.86ms	101	-
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 78.0	OS X 10.14.6 64-bit	365.26ms	6.34ms	34.70ms	52	-
Chrome 74.0	Windows 10 64-bit	408.79ms	15.20ms	72.32ms	42	-
Firefox 70.0	Windows 10 64-bit	159.05ms	9.73ms	41.00ms	37	-
Chrome 75.0	OS X 10.14.5 64-bit	287.02ms	7.01ms	37.74ms	35	-
Chrome 77.0	OS X 10.14.6 64-bit	340.84ms	6.21ms	33.70ms	31	-
Android Browser 4.0	Android 9	288.02ms	20.15ms	73.14ms	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 Mobile 78.0	Android 9	747.14ms	21.83ms	344.36ms	25	-
Chrome 80.0	OS X 10.15.3 64-bit	396.53ms	6.40ms	28.50ms	23	-
Chrome 79.0	OS X 10.14.6 64-bit	345.11ms	6.21ms	28.57ms	22	-
Firefox 67.0	Windows 10 64-bit	210.95ms	18.73ms	42.27ms	22	-
Firefox 69.0	Windows 10 64-bit	173.76ms	15.19ms	48.10ms	21	-
Chrome 80.0	OS X 10.14.6 64-bit	367.84ms	7.41ms	34.52ms	20	-
Chrome 76.0	OS X 10.14.6 64-bit	429.28ms	6.89ms	42.90ms	20	-
Chrome Mobile 79.0	Android 9	641.18ms	26.78ms	83.13ms	18	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	424.88ms	9.78ms	36.89ms	18	-
Chrome 79.0	OS X 10.15.2 64-bit	306.65ms	6.14ms	38.72ms	17	-
Chrome 78.0	OS X 10.15.0 64-bit	246.02ms	6.60ms	32.10ms	17	-
Firefox 72.0	Windows 10 64-bit	240.06ms	13.47ms	74.82ms	17	-
Chrome Mobile 76.0	Android 9	813.44ms	20.71ms	59.90ms	17	-
Firefox 70.0	Ubuntu 64-bit	165.93ms	12.00ms	61.47ms	15	-
Chrome 79.0	Linux 64-bit	415.31ms	8.11ms	37.68ms	14	-
Chrome 74.0	OS X 10.14.4 64-bit	359.16ms	8.43ms	34.50ms	14	-
Chrome 77.0	Linux 64-bit	418.38ms	9.45ms	26.56ms	14	-
Chrome 80.0	Linux 64-bit	1076.64ms	9.67ms	45.27ms	13	-
Safari 12.1.1	iOS 12.3.1	271.15ms	7.23ms	32.69ms	13	-
Chrome 75.0	Linux 64-bit	465.07ms	10.70ms	44.74ms	13	-
Safari 12.1.2	iOS 12.4	328.00ms	7.31ms	66.31ms	13	-
Microsoft Edge 18.17763	Windows 10 64-bit	328.20ms	18.27ms	34.69ms	12	-
Chrome 76.0	Linux 64-bit	426.79ms	9.59ms	45.59ms	12	-
Chrome 79.0	OS X 10.15.1 64-bit	459.59ms	6.52ms	30.25ms	12	-
Chrome Mobile 77.0	Android 8.0.0	593.55ms	30.35ms	803.48ms	11	-
Safari 8+	iOS 12.4.1	210.73ms	6.91ms	24.36ms	11	-
Chrome 74.0	OS X 10.14.5 64-bit	318.31ms	8.61ms	47.12ms	11	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	401.14ms	9.77ms	46.41ms	11	-
Firefox 73.0	Windows 10 64-bit	302.36ms	11.73ms	73.09ms	11	-
Firefox 71.0	Windows 10 64-bit	168.09ms	8.64ms	46.45ms	11	-
Chrome 72.0	Windows 10 64-bit	308.36ms	8.57ms	43.79ms	11	-
Android Browser 4.0	Android 8.0.0	435.59ms	30.12ms	540.19ms	10	-
Chrome Mobile 77.0	Android 9	448.84ms	22.23ms	523.48ms	10	-
Chrome 77.0	OS X 10.15.0 64-bit	706.47ms	6.57ms	26.25ms	10	-
Firefox 68.0	Windows 10 64-bit	251.80ms	19.80ms	76.80ms	10	-
Safari 13.0.1	iOS 13.1.3	432.20ms	6.20ms	28.80ms	10	-