Improve loading performance of the document - Githubissues

Maps4HTML / MapML-Specification

Map Markup Language is hypertext for Web maps, like HTML is hypertext for Web pages https://maps4html.org/MapML-Specification/spec/

Other

55 stars 12 forks source link

Improve loading performance of the document #183

Closed Malvoz closed 3 years ago

Malvoz commented 3 years ago

[x] https://github.com/Maps4HTML/MapML/commit/8dbd7b2ceb760b30948e95171ce946d625aa6a01: Replaces mapml.png with a compressed version (-1.41 MB)
[x] https://github.com/Maps4HTML/MapML/commit/ddea6571b7070387eecc7abb073f825de562af94: Lazy-loads mapml.png
[x] https://github.com/Maps4HTML/MapML/commit/1b29e847f633c428baabcae961063b131ae9e29f: Lazy-loads the mapml-viewers for map examples by moving them into loading="lazy" iframes
[x] https://github.com/Maps4HTML/MapML/commit/26a92819881b5ddcb2aafabf6e6f20b755e116c4: Changes the ReSpec script to load async (also placed before the <style>s)
[x] https://github.com/Maps4HTML/MapML/commit/2d323aeccea94ad40a54fb8ef6e36deb5d247700: Preloads & Preconnects key requests and origins
[x] https://github.com/Maps4HTML/MapML/commit/8c0e7b5597dc9b6212b902275658566450f6b815: Predefines <h1> (this is generated by ReSpec from the <title>, but pre-defining results in a smaller layout shift)

Comparison (on page load)

Before the changes: 44 network requests, 3 MB downloaded. After the changes: 16 network requests, 0.6 MB downloaded.