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 91.0	Windows 10 64-bit	423.96ms	2.42ms	17.38ms	21	-
Chrome 90.0	Windows 10 64-bit	547.05ms	1.91ms	14.55ms	14	-
Chrome 89.0	Windows 10 64-bit	325.39ms	1.83ms	38.20ms	6	-
Chrome 91.0	OS X 10.15.7 64-bit	397.03ms	1.70ms	11.47ms	6	-
Firefox 84.0	Windows 10 64-bit	243.25ms	2.25ms	28.25ms	4	-
Firefox 87.0	Linux 64-bit	375.00ms	3.33ms	21.67ms	3	-
Chrome 89.0	OS X 10.15.7 64-bit	188.91ms	1.11ms	5.28ms	3	-
Chrome 90.0	OS X 10.15.7 64-bit	516.55ms	1.49ms	20.90ms	3	-
Firefox 88.0	Ubuntu 64-bit	279.33ms	2.67ms	13.33ms	3	-
Chrome 89.0	Linux 64-bit	299.86ms	1.36ms	6.47ms	2	-
Chrome 89.0	OS X 10.14.6 64-bit	169.46ms	1.07ms	9.42ms	2	-
Chrome 91.0	Linux 64-bit	260.45ms	2.65ms	6.80ms	2	-
Firefox Mobile 68.0	Android 9	347.00ms	13.00ms	46.00ms	1	-
Android Browser 4.0	Android 10	1012.90ms	4.00ms	14.70ms	1	-
Safari 13.0.4	iOS 13.3	222.00ms	2.00ms	200.00ms	1	-
Chrome 60.0	Linux 64-bit	132.67ms	1.02ms	9.20ms	1	-
Firefox 73.0	Windows 10 64-bit	79.00ms	8.00ms	26.00ms	1	-
Chrome 83.0	Linux 64-bit	80.82ms	1.23ms	6.44ms	1	-
Firefox 78.0	Linux 64-bit	62.00ms	3.00ms	20.00ms	1	-
Chrome 84.0	OS X 10.14.6 64-bit	227.10ms	1.10ms	102.32ms	1	-
Safari 13.1.2	OS X 10.13.6	604.00ms	1.00ms	6.00ms	1	-
Safari 14.0.1	OS X 10.15.6	112.00ms	0.00ms	7.00ms	1	-
Chrome Mobile 87.0	iOS 14.2	234.00ms	2.00ms	20.00ms	1	-
Firefox 84.0	OS X 10.15	204.00ms	2.00ms	15.00ms	1	-
Firefox 85.0	Windows 10 64-bit	311.00ms	2.00ms	96.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	407.00ms	5.00ms	27.00ms	1	-
Safari 8+	iOS 14.4	86.00ms	1.00ms	3.00ms	1	-
Safari 14.0.3	OS X 10.15.6	289.00ms	2.00ms	10.00ms	1	-
Firefox 86.0	Windows 10 64-bit	273.00ms	2.00ms	22.00ms	1	-
Safari 14.0.3	OS X 10.15.7	237.00ms	1.00ms	4.00ms	1	-
Waterfox 78.7.0	Linux 64-bit	127.00ms	3.00ms	15.00ms	1	-
Firefox 86.0	Ubuntu 64-bit	316.00ms	4.00ms	95.00ms	1	-
Firefox 87.0	Windows 10 64-bit	220.00ms	2.00ms	10.00ms	1	-
Safari 14.0.3	iOS 14.4.1	498.00ms	2.00ms	13.00ms	1	-
Chrome 88.0	Windows 10 64-bit	201.02ms	1.09ms	4.61ms	1	-
Firefox 87.0	Ubuntu 64-bit	205.00ms	3.00ms	19.00ms	1	-
Chrome 90.0	Linux 64-bit	724.66ms	4.97ms	51.52ms	1	-
Firefox 87.0	OS X 10.14	369.00ms	3.00ms	15.00ms	1	-
Firefox 88.0	Windows 10 64-bit	660.00ms	2.00ms	30.00ms	1	-
Firefox 89.0	Windows 10 64-bit	527.00ms	7.00ms	69.00ms	1	-
Chrome Mobile 90.0	Android 10	625.50ms	6.80ms	206.20ms	1	-
Chrome Mobile 90.0	Android 9	419.40ms	30.60ms	34.20ms	1	-
Chrome Mobile 90.0	Android 8.1.0	961.60ms	12.80ms	46.10ms	1	-
Opera 76.0	Windows 10 64-bit	342.35ms	6.28ms	43.47ms	1	-
Safari 14.1.1	OS X 10.15.7	179.00ms	1.00ms	6.00ms	1	-
Chrome Mobile 91.0	Android 10	731.00ms	6.80ms	25.80ms	1	-
Chrome 91.0	OS X 10.12.6 64-bit	383.40ms	4.00ms	20.00ms	1	-
Firefox 91.0	Windows 10 64-bit	352.00ms	2.00ms	20.00ms	1	-
Opera 77.0	Windows 10 64-bit	345.20ms	1.80ms	25.70ms	1	-
Firefox 91.0	Linux 64-bit	507.00ms	4.00ms	7.00ms	1	-