PURE CSS ART GALLERY

Loading artwork...

Adam Towle

Testing out CSS capabilities for a single div. This is my first attempt at creating CSS art.

View original

Edit on Codepen

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 75.0	Windows 10 64-bit	192.08ms	1.73ms	23.43ms	12	-
Chrome 74.0	Windows 10 64-bit	259.11ms	1.15ms	9.33ms	6	-
Safari 12.0	OS X 10.14	198.25ms	1.00ms	9.75ms	4	-
Safari 12.0	iOS 12.1	172.00ms	1.00ms	3.00ms	3	-
Chrome 73.0	Windows 10 64-bit	279.06ms	1.25ms	56.01ms	3	-
Firefox 68.0	Windows 10 64-bit	195.50ms	5.50ms	69.50ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	147.50ms	1.93ms	9.20ms	2	-
Chrome 62.0	Linux 64-bit	118.95ms	1.72ms	11.45ms	2	-
Chrome 71.0	Windows 10 64-bit	174.35ms	1.15ms	6.75ms	2	-
Safari 11.0	iOS 11.4.1	182.50ms	2.50ms	9.00ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	187.50ms	0.90ms	6.20ms	2	-
Microsoft Edge 18.17763	Windows 10 64-bit	209.65ms	1.85ms	13.25ms	2	-
Google Browser null	null	80.00ms	0.00ms	220.00ms	2	-
Chrome 27.0	Windows XP	302.20ms	1.75ms	5.05ms	2	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	170.00ms	2	-
Chrome 72.0	Windows 10 64-bit	257.84ms	1.65ms	7.29ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	96.50ms	1.01ms	5.89ms	2	-
Chrome 75.0	Windows 8.1 64-bit	205.57ms	2.04ms	7.61ms	1	-
Chrome 74.0	Ubuntu Chromium 64-bit	118.39ms	1.22ms	19.08ms	1	-
Firefox 61.0	Ubuntu 64-bit	125.00ms	3.00ms	10.00ms	1	-
Firefox Mobile 66.0	Android 8.1.0	566.00ms	11.00ms	56.00ms	1	-
Chrome 69.0	OS X 10.14.6 64-bit	79.50ms	0.90ms	8.00ms	1	-
Firefox 64.0	OS X 10.14	215.00ms	3.00ms	5.00ms	1	-
Opera 56.0	OS X 10.14.0	184.00ms	1.00ms	7.20ms	1	-
Chrome 48.0	Linux 64-bit	327.45ms	1.81ms	36.38ms	1	-
Chrome 63.0	Android 6.0.1	517.45ms	11.91ms	103.49ms	1	-
Chrome 70.0	Windows 10 64-bit	190.70ms	0.90ms	8.20ms	1	-
Firefox 62.0	OS X 10.14	233.00ms	4.00ms	15.00ms	1	-
Safari 12.0	iOS 12.0.1	171.00ms	1.00ms	15.00ms	1	-
Android Browser 4.0	Android 6.0.1	654.80ms	6.79ms	33.97ms	1	-
Chrome 57.0	Android 4.2.2	423.64ms	6.55ms	54.65ms	1	-
Chrome 65.0	Android 4.4.2	422.50ms	17.70ms	37.10ms	1	-
Chrome Mobile 70.0	Android 7.0	349.40ms	6.70ms	26.10ms	1	-
Chrome 68.0	OS X 10.12.6 64-bit	199.60ms	2.70ms	18.30ms	1	-
Safari 11.1.1	OS X 10.13.5	217.00ms	1.00ms	17.00ms	1	-
Opera 57.0	OS X 10.13.5	291.00ms	3.30ms	20.40ms	1	-
Firefox 60.0	Windows 10 64-bit	242.00ms	3.00ms	29.00ms	1	-
Chrome Mobile 62.0	Android 5.0.2	352.11ms	5.93ms	25.77ms	1	-
Chrome Mobile 67.0	Android 7.0	279.30ms	2.50ms	24.10ms	1	-
Chrome 48.0	Ubuntu Chromium 64-bit	314.06ms	1.26ms	27.17ms	1	-
Chrome 71.0	Linux 64-bit	71.20ms	1.30ms	6.40ms	1	-
Firefox for iOS 14.0β12646	iOS 12.1	480.00ms	3.00ms	17.00ms	1	-
Firefox 65.0	Windows 10 64-bit	90.00ms	2.00ms	33.00ms	1	-
Firefox 67.0	Windows 10 64-bit	127.00ms	2.00ms	15.00ms	1	-
Chrome 73.0	OS X 10.14.4 64-bit	224.87ms	0.83ms	4.31ms	1	-
Chrome 73.0	OS X 10.14.5 64-bit	798.37ms	0.94ms	6.27ms	1	-
Chrome 73.0	Windows Server 2008 R2 / 7	395.30ms	2.04ms	12.47ms	1	-
Safari 12.1	OS X 10.14.4	94.00ms	1.00ms	3.00ms	1	-
Chrome Mobile 73.0	iOS 12.2	248.00ms	1.00ms	8.00ms	1	-
Chrome 74.0	Windows Server 2008 R2 / 7 64-bit	138.94ms	1.11ms	7.14ms	1	-