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	-
Chrome 83.0	Windows 10 64-bit	158.85ms	1.52ms	21.93ms	4	-
Chrome 91.0	Windows 10 64-bit	265.85ms	2.10ms	8.50ms	4	-
Safari 12.0	OS X 10.14	192.75ms	1.25ms	8.25ms	4	-
Safari 12.0	iOS 12.1	150.00ms	1.00ms	3.75ms	4	-
Chrome 80.0	Windows 10 64-bit	236.12ms	1.65ms	8.33ms	4	-
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 76.0	OS X 10.14.5 64-bit	145.80ms	2.15ms	19.97ms	3	-
Chrome 78.0	Windows 8.1 64-bit	302.67ms	3.52ms	15.14ms	3	-
Chrome 80.0	OS X 10.14.6 64-bit	216.01ms	2.08ms	7.15ms	2	-
Chrome 79.0	OS X 10.14.6 64-bit	130.30ms	1.02ms	18.43ms	2	-
Opera 65.0	Windows 10 64-bit	289.92ms	2.38ms	18.92ms	2	-
Chrome 79.0	OS X 10.15.3 64-bit	144.92ms	1.12ms	5.48ms	2	-
Chrome Mobile 81.0	Android 9	234.80ms	5.15ms	23.30ms	2	-
Chrome 84.0	OS X 10.15.5 64-bit	70.53ms	0.99ms	18.83ms	2	-
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 57.0	Linux 64-bit	130.60ms	2.28ms	7.41ms	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.14ms	1.71ms	6.50ms	2	-
Chrome 78.0	OS X 10.14.6 64-bit	166.54ms	1.29ms	16.31ms	2	-
Firefox 71.0	Windows 10 64-bit	84.00ms	1.00ms	42.00ms	2	-
Firefox 72.0	Windows 10 64-bit	186.50ms	3.00ms	72.50ms	2	-
Chrome 80.0	Linux 64-bit	1000.90ms	10.16ms	104.88ms	1	-
Chrome 78.0	OS X 10.14.3 64-bit	187.79ms	1.72ms	6.28ms	1	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	1004.24ms	14.95ms	69.32ms	1	-
Opera 66.0	Windows 10 64-bit	156.65ms	2.41ms	6.81ms	1	-
Firefox 72.0	Ubuntu 64-bit	168.00ms	4.00ms	47.00ms	1	-
Firefox 72.0	Windows Server 2008 R2 / 7 64-bit	320.00ms	8.00ms	39.00ms	1	-
Chrome 81.0	Windows 10 64-bit	148.55ms	2.06ms	46.08ms	1	-
Firefox 73.0	Windows 10 64-bit	102.00ms	2.00ms	42.00ms	1	-
Firefox 73.0	Linux 64-bit	57.00ms	2.00ms	29.00ms	1	-
Chrome 79.0	OS X 10.14.3 64-bit	231.83ms	1.21ms	4.78ms	1	-
Chrome 80.0	OS X 10.15.3 64-bit	144.93ms	2.04ms	40.72ms	1	-
Chrome 80.0	OS X 10.12.6 64-bit	202.85ms	1.56ms	7.05ms	1	-
Chrome 80.0	OS X 10.15.2 64-bit	397.93ms	1.43ms	63.64ms	1	-
Firefox 74.0	Windows 10 64-bit	88.00ms	2.00ms	5.00ms	1	-
Firefox 75.0	Windows 10 64-bit	131.00ms	4.00ms	12.00ms	1	-
Chrome 80.0	OS X 10.14.3 64-bit	343.14ms	1.61ms	6.30ms	1	-
Chrome 80.0	Windows Server 2008 R2 / 7	400.77ms	13.60ms	48.72ms	1	-
Chrome 81.0	OS X 10.14.6 64-bit	285.78ms	1.34ms	4.80ms	1	-
Firefox 75.0	Ubuntu 64-bit	114.00ms	5.00ms	11.00ms	1	-