PURE CSS ART GALLERY

Loading artwork...

João Santos

jotavejv.github.io

Crash Bandicoot: Responsive Aku Aku in CSS

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 78.0	Windows 10 64-bit	212.74ms	2.34ms	18.56ms	13	-
Chrome 84.0	Windows 10 64-bit	213.08ms	1.23ms	23.64ms	11	-
Chrome 76.0	Windows 10 64-bit	160.28ms	1.35ms	46.06ms	10	-
Chrome 83.0	Windows 10 64-bit	310.41ms	2.16ms	23.29ms	9	-
Google Browser null	null	66.67ms	0.00ms	172.23ms	9	-
Chrome 77.0	Windows 10 64-bit	330.27ms	2.54ms	24.09ms	9	-
Chrome 79.0	Windows 10 64-bit	393.02ms	3.14ms	53.98ms	9	-
Chrome 80.0	Windows 10 64-bit	221.12ms	2.23ms	30.05ms	7	-
Chrome 78.0	OS X 10.14.6 64-bit	206.53ms	1.38ms	19.58ms	6	-
Safari 12.0	OS X 10.14	205.17ms	0.67ms	5.17ms	6	-
Chrome 75.0	Windows 10 64-bit	418.18ms	2.54ms	236.85ms	6	-
Chrome 74.0	Windows 10 64-bit	181.51ms	1.86ms	28.82ms	5	-
Firefox 69.0	Windows 10 64-bit	72.80ms	1.80ms	25.20ms	5	-
Chrome 78.0	OS X 10.15.1 64-bit	226.60ms	1.14ms	53.91ms	4	-
Chrome 80.0	OS X 10.14.6 64-bit	251.85ms	1.88ms	12.88ms	4	-
Chrome 81.0	Windows 10 64-bit	295.89ms	1.66ms	18.41ms	4	-
Safari 12.0	iOS 12.1	127.25ms	1.00ms	5.75ms	4	-
Chrome Mobile 78.0	Android 9	260.20ms	4.40ms	26.27ms	3	-
Firefox 72.0	Windows 10 64-bit	115.33ms	4.67ms	12.33ms	3	-
Chrome 78.0	Linux 64-bit	362.40ms	3.93ms	40.24ms	3	-
Firefox 64.0	OS X 10.14	228.67ms	4.33ms	12.00ms	3	-
Chrome 79.0	OS X 10.15.2 64-bit	267.32ms	1.67ms	42.84ms	3	-
Chrome 80.0	OS X 10.15.3 64-bit	261.89ms	0.92ms	94.92ms	3	-
Opera 68.0	Windows 10 64-bit	120.03ms	1.45ms	4.82ms	3	-
Chrome 83.0	Linux 64-bit	225.47ms	2.12ms	24.54ms	3	-
Chrome Mobile 84.0	Android 10	160.13ms	2.47ms	15.13ms	3	-
Firefox 66.0	Ubuntu 64-bit	99.67ms	3.00ms	9.33ms	3	-
Chrome 57.0	Linux 64-bit	189.52ms	1.92ms	9.00ms	3	-
Android Browser 4.0	Android 9	191.17ms	3.57ms	17.87ms	3	-
Firefox 68.0	Windows 10 64-bit	183.33ms	5.67ms	33.00ms	3	-
Firefox 70.0	Windows 10 64-bit	98.33ms	3.00ms	13.33ms	3	-
Chrome Mobile 80.0	Android 10	145.30ms	3.35ms	15.10ms	2	-
Firefox 70.0	Ubuntu 64-bit	146.50ms	3.00ms	18.00ms	2	-
Firefox 71.0	Windows 10 64-bit	68.50ms	2.00ms	12.50ms	2	-
Chrome 79.0	Linux 64-bit	112.84ms	1.11ms	33.55ms	2	-
Chrome 62.0	Linux 64-bit	77.22ms	1.24ms	7.53ms	2	-
Chrome 71.0	Windows 10 64-bit	180.50ms	1.30ms	8.30ms	2	-
Opera 65.0	Windows 10 64-bit	298.98ms	3.05ms	12.39ms	2	-
Chrome 70.0	Windows 10 64-bit	199.40ms	1.40ms	7.10ms	2	-
Chrome 80.0	OS X 10.12.6 64-bit	278.40ms	1.87ms	14.01ms	2	-
Safari 11.0	iOS 11.4.1	184.00ms	3.00ms	14.00ms	2	-
Safari 12.0	iOS 12.0.1	175.50ms	1.00ms	12.00ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	183.70ms	0.95ms	6.60ms	2	-
Microsoft Edge 18.17763	Windows 10 64-bit	188.80ms	1.80ms	10.20ms	2	-
Chrome 83.0	OS X 10.15.5 64-bit	212.16ms	1.60ms	34.22ms	2	-
Chrome 84.0	Linux 64-bit	428.82ms	3.46ms	16.70ms	2	-
Firefox 78.0	Windows 10 64-bit	164.50ms	2.00ms	85.00ms	2	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	170.00ms	2	-
Firefox 79.0	Windows 10 64-bit	98.00ms	5.00ms	20.50ms	2	-
Chrome 84.0	OS X 10.15.6 64-bit	294.83ms	0.92ms	46.27ms	2	-