Look at optimizing JS/CSS by removing material design lite

[grahamgilchrist]

Maybe look at https://material.io/components/web/catalog/ as a replacement?

[grahamgilchrist]

Components we are using from the material lite library:

• header/app drawer
• Tabs
• Tooltips
• Buttons

Material lite is a 140k CSS and 60k JS library = 200k total Looking at replacing with the more modern Material components library, that requires 230k CSS and 200K JS files, which are much larger. Material components has the potential to be only use the components we need which may reduce this.

if we were to replace the components above, we would need to use:

• Material components drawer, with a lot of additional CSS for the header
• Material components tabs, with additional simple JS for tab control
• Material components buttons
• a new tooltip library such as https://atomiks.github.io/tippyjs/