Compress/minify dynamically generated html with javascript

Question

I was wondering if there is a way to compress generated html markup, including style tags and more.

I tried with .trim() but that doesn't seem to remove any spaces. And using trim() would if working remove spaces, which would mess up the html itelf.

This is the result I get:

<style>
    #element{
       background: red;
    }
</style>

<div id="element">
    this is my element 
</div>

This is the desired result:

<style>#element{background: red;}</style> <div id="element"> this is my element </div>

Thanks.

Answer 1

trim only removes spaces from the beginning and end of a string. The usual solution is to serve html gzipped, which is much more effective and most servers support it.