PURE CSS ART GALLERY

Loading artwork...

Arman P.

// Inspired by https://dribbble.com/shots/1379543-Squirrel

// It's a bit skewed and off center; I didn't have a grid...

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 79.0	Windows 10 64-bit	336.54ms	3.33ms	21.48ms	16	-
Chrome 84.0	Windows 10 64-bit	314.09ms	1.86ms	23.08ms	16	-
Chrome 77.0	Windows 10 64-bit	250.92ms	1.96ms	73.47ms	13	-
Chrome 80.0	Windows 10 64-bit	306.04ms	2.19ms	48.17ms	13	-
Chrome 74.0	Windows 10 64-bit	232.96ms	1.91ms	17.09ms	13	-
Chrome 76.0	Windows 10 64-bit	213.95ms	1.70ms	15.59ms	11	-
Chrome 78.0	Windows 10 64-bit	162.55ms	1.17ms	11.69ms	10	-
Chrome 83.0	Windows 10 64-bit	252.60ms	1.92ms	26.00ms	9	-
Chrome 75.0	Windows 10 64-bit	319.44ms	1.66ms	54.57ms	8	-
Google Browser null	null	80.00ms	0.00ms	161.43ms	7	-
Chrome 77.0	OS X 10.14.6 64-bit	179.15ms	0.87ms	17.93ms	5	-
Safari 12.0	OS X 10.14	236.80ms	1.20ms	11.80ms	5	-
Firefox 69.0	Windows 10 64-bit	141.00ms	3.20ms	24.60ms	5	-
Chrome 76.0	Linux 64-bit	216.84ms	2.01ms	13.61ms	4	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	247.27ms	1.57ms	24.07ms	4	-
Chrome 77.0	Linux 64-bit	291.27ms	2.72ms	11.53ms	4	-
Chrome 78.0	OS X 10.14.6 64-bit	213.39ms	1.53ms	8.66ms	4	-
Firefox 64.0	OS X 10.14	177.25ms	3.50ms	8.50ms	4	-
Safari 11.0	iOS 11.4.1	194.75ms	2.75ms	7.75ms	4	-
Safari 12.0	iOS 12.1	118.50ms	1.00ms	3.75ms	4	-
Chrome 81.0	Windows 10 64-bit	226.44ms	1.65ms	27.79ms	4	-
Chrome 72.0	Windows 10 64-bit	204.61ms	1.24ms	9.75ms	4	-
Firefox 78.0	Windows 10 64-bit	99.50ms	2.75ms	20.75ms	4	-
Chrome 84.0	OS X 10.14.6 64-bit	261.84ms	1.35ms	6.08ms	3	-
Firefox 68.0	Windows 10 64-bit	156.33ms	4.33ms	56.00ms	3	-
Chrome 76.0	OS X 10.14.5 64-bit	130.09ms	1.38ms	8.47ms	3	-
Chrome 76.0	OS X 10.14.6 64-bit	267.55ms	1.02ms	46.89ms	3	-
Firefox 72.0	Windows 10 64-bit	284.67ms	9.33ms	17.00ms	3	-
Chrome 78.0	Linux 64-bit	228.00ms	2.02ms	33.63ms	3	-
Chrome 80.0	OS X 10.14.6 64-bit	195.55ms	1.11ms	14.17ms	3	-
Microsoft Edge 18.17763	Windows 10 64-bit	191.40ms	1.80ms	11.47ms	3	-
Chrome 73.0	Windows 10 64-bit	261.25ms	1.29ms	23.30ms	3	-
Chrome Mobile 41.0	Android 6.0.1	60.00ms	0.00ms	156.67ms	3	-
Firefox 66.0	Ubuntu 64-bit	94.33ms	3.00ms	7.67ms	3	-
Chrome 83.0	OS X 10.15.5 64-bit	243.76ms	1.19ms	34.25ms	3	-
Chrome Mobile 83.0	Android 10	255.33ms	3.33ms	16.57ms	3	-
Chrome 57.0	Linux 64-bit	127.38ms	1.51ms	7.50ms	3	-
Android Browser 4.0	Android 9	140.87ms	3.60ms	17.60ms	3	-
Chrome 84.0	OS X 10.15.5 64-bit	210.87ms	1.39ms	20.94ms	3	-
Chrome 84.0	OS X 10.15.3 64-bit	162.27ms	1.27ms	6.68ms	2	-
Chrome Mobile 76.0	Android 9	257.40ms	2.90ms	29.30ms	2	-
Chrome 76.0	Windows 8.1 64-bit	272.34ms	1.46ms	46.37ms	2	-
Firefox 70.0	Windows 10 64-bit	124.00ms	3.00ms	19.00ms	2	-
Safari 7.x	Linux 64-bit	344.88ms	6.70ms	16.25ms	2	-
Chrome Mobile 77.0	Android 9	303.40ms	4.95ms	27.10ms	2	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	177.54ms	1.07ms	13.40ms	2	-
Chrome Mobile 80.0	Android 10	128.50ms	3.30ms	11.70ms	2	-
Chrome Mobile 78.0	Android 9	246.50ms	3.60ms	25.30ms	2	-
Chrome 62.0	Linux 64-bit	82.93ms	1.02ms	8.36ms	2	-
Chrome 78.0	OS X 10.15.1 64-bit	109.30ms	1.01ms	64.17ms	2	-