PURE CSS ART GALLERY

Loading artwork...

Rosh Jutherford

As seen on dribbble

Fun with Sass

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 77.0	Windows 10 64-bit	315.54ms	3.60ms	15.95ms	7	-
Chrome 78.0	Windows 10 64-bit	122.78ms	1.22ms	10.95ms	6	-
Chrome 79.0	Windows 10 64-bit	242.05ms	2.71ms	21.79ms	6	-
Chrome 84.0	Windows 10 64-bit	571.83ms	1.55ms	34.78ms	5	-
Safari 12.0	iOS 12.1	150.00ms	1.00ms	3.75ms	4	-
Safari 12.0	OS X 10.14	192.75ms	1.25ms	8.25ms	4	-
Chrome 80.0	Windows 10 64-bit	236.12ms	1.65ms	8.33ms	4	-
Chrome 83.0	Windows 10 64-bit	158.85ms	1.52ms	21.93ms	4	-
Chrome 76.0	OS X 10.14.5 64-bit	145.80ms	2.15ms	19.97ms	3	-
Chrome 76.0	Windows 10 64-bit	220.81ms	2.14ms	18.72ms	3	-
Firefox 69.0	Windows 10 64-bit	63.67ms	2.33ms	12.00ms	3	-
Chrome 78.0	Windows 8.1 64-bit	302.67ms	3.52ms	15.14ms	3	-
Chrome 62.0	Linux 64-bit	101.56ms	1.87ms	11.68ms	2	-
Chrome 71.0	Windows 10 64-bit	185.70ms	2.35ms	7.00ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	185.90ms	1.60ms	8.50ms	2	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	160.00ms	2	-
Chrome 75.0	Windows 10 64-bit	217.03ms	5.05ms	13.63ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	163.69ms	1.93ms	5.84ms	2	-
Safari 7.x	Linux 64-bit	225.06ms	3.82ms	14.47ms	2	-
Chrome 77.0	OS X 10.14.6 64-bit	358.15ms	1.71ms	6.50ms	2	-
Chrome 78.0	OS X 10.14.6 64-bit	166.54ms	1.29ms	16.31ms	2	-
Opera 65.0	Windows 10 64-bit	289.92ms	2.38ms	18.92ms	2	-
Firefox 71.0	Windows 10 64-bit	84.00ms	1.00ms	42.00ms	2	-
Chrome 79.0	OS X 10.14.6 64-bit	130.30ms	1.02ms	18.43ms	2	-
Firefox 72.0	Windows 10 64-bit	186.50ms	3.00ms	72.50ms	2	-
Chrome 79.0	OS X 10.15.3 64-bit	144.92ms	1.12ms	5.48ms	2	-
Chrome 80.0	OS X 10.14.6 64-bit	216.01ms	2.08ms	7.15ms	2	-
Chrome Mobile 81.0	Android 9	234.80ms	5.15ms	23.30ms	2	-
Chrome 57.0	Linux 64-bit	130.60ms	2.28ms	7.41ms	2	-
Chrome 84.0	OS X 10.15.5 64-bit	70.53ms	0.99ms	18.83ms	2	-
Safari 11.0	iOS 11.4.1	187.00ms	1.00ms	6.00ms	1	-
Safari 12.0	iOS 12.0.1	177.00ms	1.00ms	14.00ms	1	-
Android Browser 4.0	Android 6.0.1	1052.56ms	10.52ms	32.11ms	1	-
Chrome 63.0	Android 6.0.1	713.69ms	20.28ms	85.29ms	1	-
Chrome 57.0	Android 4.2.2	401.55ms	13.77ms	43.71ms	1	-
Chrome Mobile 70.0	Android 7.0	244.80ms	4.80ms	22.60ms	1	-
Chrome 68.0	OS X 10.12.6 64-bit	210.00ms	7.30ms	13.70ms	1	-
Safari 11.1.1	OS X 10.13.5	203.00ms	1.00ms	99.00ms	1	-
Opera 57.0	OS X 10.13.5	306.70ms	4.60ms	129.60ms	1	-
Firefox 64.0	OS X 10.14	266.00ms	2.00ms	19.00ms	1	-
Firefox 60.0	Windows 10 64-bit	301.00ms	5.00ms	11.00ms	1	-
Firefox 62.0	OS X 10.14	295.00ms	6.00ms	16.00ms	1	-
Opera 56.0	OS X 10.14.0	179.80ms	2.20ms	19.80ms	1	-
Chrome Mobile 62.0	Android 5.0.2	330.37ms	11.10ms	25.48ms	1	-
Chrome Mobile 67.0	Android 7.0	279.90ms	7.10ms	31.80ms	1	-
Chrome 48.0	Ubuntu Chromium 64-bit	399.51ms	3.41ms	26.18ms	1	-
Chrome 48.0	Linux 64-bit	359.73ms	15.94ms	56.62ms	1	-
Microsoft Edge 18.17763	Windows 10 64-bit	218.30ms	1.90ms	9.90ms	1	-
Chrome 70.0	Windows 10 64-bit	192.50ms	1.80ms	8.80ms	1	-
Chrome 65.0	OS X 10.10.5 64-bit	421.00ms	9.10ms	56.70ms	1	-