Small yet powerful package to make manipulating the DOM 5 characters smaller
Put this in your <body> tag:
<script src="https://cdn.jsdelivr.net/gh/shadowtime2000/easy-dom/src/index.js"></script>You have now imported easy-dom into your website! And don't worry about file size! easy-dom is around 20 bytes, and the script tag is around 89 bytes, totalling 109 bytes added to your website!
Just replace every reference to document with DOM.
If you replace a reference to document with DOM, you save around 5 bytes. That means, if you have 22 document references, instead of adding 109 bytes to your website, you are decreasing the size by 1 byte. So if you have more than 22, you decrease the size by even more!
But let me give you some bigger numbers:
If
jquerystarted using this they would reduce their bundle size by over 1kb!reactstarted using this they would reduce their bundle size by 1.3kb!angularstarted using this they would reduce their bundle size by 2.3kb!