Oddbean new post about | logout
▲ ▼
Terence Eden | 1 years ago (raw) | export | reply | flag 
 My #blog's performance is getting there 🙂 

Next stage is to try and reduce the DOM. Currently at over 1,200 elements - mostly due to the large calendar on the page.

https://files.mastodon.social/media_attachments/files/111/034/521/941/461/167/original/800da133672beaf0.png
▲ ▼
610f5d91 | 1 years ago (raw) | root | parent | reply | flag 
 @2fd7551e Impressive, congrats! :)
▲ ▼
ea30778b | 1 years ago (raw) | root | parent | reply | flag 
 @2fd7551e one trick could be to hide the HTML for the calendar  (in noscript tags) and only after a timeout (or visitor interaction such as scroll or mouse movement) unhide it with some JS, works like a charm :-)
▲ ▼
Terence Eden | 1 years ago (raw) | root | parent | reply | flag 
 Aha! I got the DOM down to about 900 elements by replacing a bunch of <br> with \n and setting `white-space: pre;`

Now to try and duck below the 800 elements recommended by https://developer.chrome.com/docs/lighthouse/performance/dom-size/

#HTML