PURE CSS ART GALLERY

Loading artwork...

Lynn Fisher

lynnandtonic.com

Single div CSS Tesla Cybertruck

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 97.0	Windows 10 64-bit	279.49ms	2.49ms	7.67ms	7	-
Chrome 96.0	Windows 10 64-bit	182.73ms	1.43ms	5.23ms	6	-
Chrome 97.0	OS X 10.15.7 64-bit	208.93ms	1.42ms	5.15ms	4	-
Chrome 100.0	Windows 10 64-bit	728.17ms	1.65ms	5.28ms	4	-
Chrome 99.0	OS X 10.15.7 64-bit	87.92ms	1.10ms	4.27ms	4	-
Chrome 100.0	OS X 10.15.7 64-bit	236.82ms	2.17ms	5.00ms	4	-
Chrome 98.0	OS X 10.15.7 64-bit	159.87ms	1.30ms	3.67ms	3	-
Chrome 98.0	Windows 10 64-bit	376.97ms	1.73ms	10.97ms	3	-
Chrome 99.0	Windows 10 64-bit	264.80ms	0.97ms	4.30ms	3	-
Firefox 99.0	Windows 10 64-bit	656.33ms	3.33ms	17.33ms	3	-
Firefox 78.0	Linux 64-bit	72.00ms	3.00ms	11.50ms	2	-
Opera 82.0	Windows 10 64-bit	248.35ms	1.85ms	13.55ms	2	-
Safari 15.2	OS X 10.15.7	461.00ms	1.00ms	4.00ms	2	-
Chrome 98.0	Linux 64-bit	266.40ms	3.55ms	6.95ms	2	-
Safari 14.0	iOS 14.0.1	274.00ms	2.00ms	11.00ms	1	-
Chrome 87.0	Linux 64-bit	179.30ms	1.14ms	2.20ms	1	-
Chrome 90.0	Linux 64-bit	260.23ms	1.62ms	23.30ms	1	-
Chrome 92.0	Windows 10 64-bit	177.20ms	0.80ms	5.60ms	1	-
Chrome 92.0	Linux 64-bit	382.10ms	1.40ms	2.50ms	1	-
Chrome 93.0	Linux 64-bit	299.40ms	1.50ms	3.00ms	1	-
Chrome 96.0	OS X 10.15.7 64-bit	238.10ms	1.60ms	8.20ms	1	-
Safari 15.0	iOS 15.0.2	427.00ms	1.00ms	10.00ms	1	-
Safari 15.1	iOS 15.1	118.00ms	1.00ms	2.00ms	1	-
Firefox 95.0	Windows 10 64-bit	218.00ms	1.00ms	9.00ms	1	-
Chrome Mobile 96.0	Android 10	195.00ms	2.30ms	11.50ms	1	-
Chrome Mobile 96.0	Android 9	504.70ms	8.40ms	20.30ms	1	-
Chrome 96.0	Android 11	242.30ms	5.80ms	38.10ms	1	-
Chrome 97.0	OS X 10.14.1 64-bit	312.10ms	2.30ms	6.50ms	1	-
Chrome 100.0	Linux 64-bit	332.60ms	1.00ms	2.20ms	1	-
Chrome Mobile 97.0	Android 11	311.50ms	8.60ms	20.00ms	1	-
Firefox 96.0	Ubuntu 64-bit	221.00ms	5.00ms	19.00ms	1	-
Chrome Mobile 97.0	Android 7.0	325.80ms	7.90ms	19.90ms	1	-
Firefox 97.0	Windows 10 64-bit	179.00ms	3.00ms	25.00ms	1	-
Firefox 98.0	Linux 64-bit	306.00ms	9.00ms	41.00ms	1	-
Firefox 97.0	OS X 10.15	140.00ms	1.00ms	4.00ms	1	-
Safari 15.3	OS X 10.15.7	159.00ms	1.00ms	5.00ms	1	-
Chrome Mobile 98.0	Android 8.0.0	185.60ms	10.70ms	22.60ms	1	-
Safari 15.4	iOS 15.4	180.00ms	2.00ms	7.00ms	1	-
Opera 84.0	Windows 10 64-bit	1010.00ms	5.00ms	39.00ms	1	-
Firefox 100.0	Windows 10 64-bit	217.00ms	2.00ms	5.00ms	1	-
Chrome 100.0	Windows Server 2008 R2 / 7 64-bit	201.10ms	1.80ms	6.90ms	1	-