PURE CSS ART GALLERY

Loading artwork...

Arsene Awounou

Do you know the Nokia 1280 ? It's an old model of Nokia. Made it with pure CSS and HTML.

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 100.0	Windows 10 64-bit	507.80ms	1.87ms	9.14ms	21	-
Chrome 98.0	Windows 10 64-bit	615.02ms	1.86ms	9.94ms	18	-
Chrome 99.0	Windows 10 64-bit	716.18ms	3.17ms	14.21ms	15	-
Chrome 99.0	OS X 10.15.7 64-bit	219.53ms	0.75ms	3.25ms	11	-
Chrome 100.0	OS X 10.15.7 64-bit	275.62ms	1.29ms	7.97ms	10	-
Chrome 96.0	OS X 10.15.7 64-bit	229.44ms	1.60ms	6.64ms	8	-
Chrome 96.0	Windows 10 64-bit	237.96ms	1.69ms	6.61ms	7	-
Chrome 97.0	Windows 10 64-bit	627.77ms	1.89ms	12.70ms	7	-
Chrome 97.0	OS X 10.15.7 64-bit	191.89ms	1.19ms	5.77ms	7	-
Chrome 101.0	Windows 10 64-bit	535.58ms	0.93ms	4.77ms	6	-
Chrome Mobile 97.0	Android 10	554.13ms	8.02ms	74.27ms	6	-
Firefox 95.0	Windows 10 64-bit	373.75ms	1.50ms	18.00ms	4	-
Chrome Mobile 97.0	Android 11	414.23ms	7.00ms	43.95ms	4	-
Firefox 98.0	Windows 10 64-bit	292.75ms	3.75ms	28.75ms	4	-
Firefox 100.0	Windows 10 64-bit	322.00ms	1.33ms	8.67ms	3	-
null null	null	1250.38ms	64.08ms	108.32ms	3	-
Chrome Mobile 96.0	Android 10	8604.50ms	6.10ms	139.67ms	3	-
Chrome Mobile 96.0	Android 9	937.60ms	16.73ms	85.27ms	3	-
Safari 15.2	OS X 10.15.7	150.67ms	1.00ms	4.33ms	3	-
Chrome Mobile 100.0	Android 12	120.10ms	2.35ms	11.95ms	2	-
Safari 15.4	iOS 15.4.1	168.00ms	0.50ms	3.50ms	2	-
Android Browser 4.0	Android 11	589.45ms	6.05ms	25.70ms	2	-
Chrome 87.0	Windows 10 64-bit	367.83ms	1.83ms	6.05ms	2	-
Chrome Mobile 94.0	Android 10	342.60ms	5.20ms	62.15ms	2	-
Firefox 96.0	Windows 10 64-bit	295.50ms	2.00ms	32.50ms	2	-
Chrome 98.0	OS X 10.15.7 64-bit	214.00ms	1.45ms	3.45ms	2	-
Chrome Mobile 96.0	Android 11	344.75ms	7.20ms	24.10ms	2	-
Chrome 97.0	Chrome OS 64-bit	482.85ms	2.85ms	41.85ms	2	-
Safari 15.4	OS X 10.15.7	170.50ms	0.50ms	3.50ms	2	-
Chrome 96.0	null	19.95ms	0.00ms	390.00ms	2	-
Safari 15.2	iOS 15.2	226.50ms	2.00ms	8.00ms	2	-
Chrome 100.0	Linux 64-bit	332.90ms	1.50ms	7.80ms	2	-
Chrome 98.0	Linux 64-bit	138.55ms	2.30ms	11.30ms	2	-
Firefox 96.0	Ubuntu 64-bit	286.50ms	6.00ms	12.00ms	2	-
Chrome Mobile 97.0	Android 7.0	554.45ms	7.75ms	37.95ms	2	-
Firefox 97.0	Linux 64-bit	271.00ms	3.00ms	17.00ms	2	-
Firefox 97.0	Windows 10 64-bit	255.00ms	3.50ms	14.50ms	2	-
Chrome 97.0	null	20.00ms	0.00ms	344.95ms	2	-
Firefox 98.0	Linux 64-bit	535.50ms	5.00ms	65.00ms	2	-
Safari 15.3	OS X 10.15.7	176.00ms	1.00ms	6.50ms	2	-
Firefox 97.0	Ubuntu 64-bit	662.00ms	3.50ms	26.50ms	2	-
Chrome Mobile 99.0	Android 10	282.70ms	4.15ms	15.50ms	2	-
Chrome Mobile 99.0	Android 11	310.30ms	6.55ms	22.90ms	2	-
Chrome 99.0	Windows 8.1 64-bit	317.00ms	1.80ms	7.60ms	1	-
Firefox for iOS 97.0	iOS 14.7.1	179.00ms	1.00ms	4.00ms	1	-
Firefox 98.0	Windows 10	748.00ms	5.00ms	16.00ms	1	-
Firefox 99.0	OS X 10.15	558.00ms	2.00ms	25.00ms	1	-
Firefox 99.0	Windows 10 64-bit	124.00ms	1.00ms	2.00ms	1	-
Chrome Mobile 100.0	Android 11	796.40ms	16.00ms	51.80ms	1	-
Opera 85.0	Windows 10 64-bit	466.20ms	0.90ms	3.10ms	1	-