PURE CSS ART GALLERY

Loading artwork...

Rosh Jutherford

As seen on Dribbble.

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	235.77ms	1.98ms	21.52ms	12	-
Google Browser null	null	66.67ms	0.00ms	158.89ms	9	-
Chrome 76.0	Windows 10 64-bit	299.65ms	1.22ms	31.60ms	9	-
Chrome 79.0	Windows 10 64-bit	277.61ms	1.11ms	28.37ms	8	-
Chrome 78.0	Windows 10 64-bit	209.23ms	1.68ms	18.39ms	7	-
Firefox 69.0	Windows 10 64-bit	82.00ms	2.40ms	16.40ms	5	-
Chrome 80.0	Windows 10 64-bit	296.21ms	0.98ms	14.61ms	5	-
Safari 12.0	OS X 10.14	183.25ms	1.00ms	6.75ms	4	-
Firefox 67.0	Windows 10 64-bit	358.25ms	4.00ms	59.25ms	4	-
Chrome 75.0	Windows 10 64-bit	1140.07ms	1.55ms	7.78ms	4	-
Chrome 77.0	OS X 10.14.6 64-bit	270.59ms	0.93ms	7.53ms	4	-
Chrome 83.0	Windows 10 64-bit	230.93ms	1.20ms	8.52ms	4	-
Chrome 84.0	Windows 10 64-bit	473.46ms	1.10ms	44.17ms	4	-
Chrome 62.0	Linux 64-bit	111.36ms	2.05ms	16.53ms	3	-
Firefox 60.0	Windows 10 64-bit	237.09ms	6.67ms	29.34ms	3	-
Chrome 72.0	Windows 10 64-bit	147.45ms	0.91ms	10.46ms	3	-
Chrome 74.0	Windows 10 64-bit	183.10ms	2.34ms	6.39ms	3	-
Firefox 68.0	Windows 10 64-bit	743.33ms	7.67ms	135.00ms	3	-
Chrome 76.0	OS X 10.14.5 64-bit	132.97ms	1.51ms	30.19ms	3	-
Firefox 72.0	Windows 10 64-bit	122.67ms	2.33ms	13.00ms	3	-
Chrome 79.0	OS X 10.15.3 64-bit	140.82ms	0.88ms	16.00ms	3	-
Firefox 77.0	OS X 10.15	87.00ms	1.00ms	47.50ms	2	-
Chrome 71.0	Windows 10 64-bit	179.70ms	0.85ms	7.35ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	181.10ms	0.80ms	6.45ms	2	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	170.00ms	2	-
Chrome 57.0	Linux 64-bit	126.08ms	1.89ms	7.86ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	166.13ms	1.61ms	8.64ms	2	-
Chrome 76.0	Linux 64-bit	238.06ms	3.11ms	16.46ms	2	-
Chrome 76.0	Windows 8.1 64-bit	300.57ms	1.16ms	62.90ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	197.15ms	1.36ms	9.38ms	2	-
Safari 7.x	Linux 64-bit	238.48ms	2.36ms	10.83ms	2	-
Chrome 77.0	OS X 10.15.0 64-bit	113.85ms	1.65ms	25.83ms	2	-
Chrome 78.0	OS X 10.14.6 64-bit	178.93ms	0.79ms	22.86ms	2	-
Chrome Mobile 80.0	Android 10	183.55ms	1.75ms	13.55ms	2	-
Firefox 70.0	Ubuntu 64-bit	176.00ms	2.50ms	14.50ms	2	-
Opera 65.0	Windows 10 64-bit	287.76ms	1.84ms	12.75ms	2	-
Firefox 72.0	Ubuntu 64-bit	155.00ms	2.50ms	34.00ms	2	-
Chrome 79.0	OS X 10.15.2 64-bit	318.29ms	1.09ms	22.36ms	2	-
Chrome 83.0	OS X 10.14.6 64-bit	408.17ms	1.37ms	43.50ms	2	-
Chrome 83.0	OS X 10.15.5 64-bit	211.21ms	0.83ms	55.54ms	1	-
Chrome 83.0	Linux 64-bit	166.04ms	3.03ms	152.29ms	1	-
Chrome 83.0	OS X 10.15.1 64-bit	420.10ms	0.91ms	47.24ms	1	-
Safari 13.1.1	iOS 13.5.1	244.00ms	1.00ms	8.00ms	1	-
Firefox 80.0	Windows 10 64-bit	39.00ms	1.00ms	7.00ms	1	-
Chrome 84.0	OS X 10.15.5 64-bit	54.59ms	0.61ms	3.41ms	1	-
Firefox 79.0	Windows 8.1	148.00ms	5.00ms	39.00ms	1	-
Firefox 84.0	Windows 10 64-bit	705.00ms	3.00ms	24.00ms	1	-
Firefox 64.0	OS X 10.14	216.00ms	2.00ms	6.00ms	1	-
Opera 56.0	OS X 10.14.0	540.10ms	0.60ms	7.30ms	1	-
Chrome 48.0	Linux 64-bit	317.24ms	1.64ms	48.71ms	1	-