There's 31,000+ divs generated. If you shave the unnecessary code from each one you could save several megabytes of repeated text in total. e.g.
- replace all the inline CSS with a couple of declarations in a stylesheet
- remove the class names on the round divs. Add a class only to the square ones.
- data-tooltip-id="tooltip" data-tooltip-html="..." is also repetitive. You could replace it with simply data-text="..."
- better still, add the text as content to the divs, hide it with CSS, and use :hover to reveal it.
There's 31,000+ divs generated. If you shave the unnecessary code from each one you could save several megabytes of repeated text in total. e.g.
- replace all the inline CSS with a couple of declarations in a stylesheet
- remove the class names on the round divs. Add a class only to the square ones.
- data-tooltip-id="tooltip" data-tooltip-html="..." is also repetitive. You could replace it with simply data-text="..."
- better still, add the text as content to the divs, hide it with CSS, and use :hover to reveal it.