Combine repeated script/style tags

Repeated tags like:

<script>console.log("hi");</script>
<script>console.log("hi");</script>

could be combined into:

<script>console.log("hi");console.log("hi");</script>

[KenSharp]

I know it’s not supported by the browsers (yet) but there’s also <style scoped> to think about. The minifier would either need to know which parent element the scoped refers to, or just ignore it. Combining the scopeds together sounds like a nightmare.

[DamonHD]

A possibly related suggestion…

When the same async script is included in the document multiple times, such as for simple inclusion of Google AdSense code, it is in that case, and possibly in general OK, to omit the second and subsequent attempts to load the script, eg in:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXX"
data-ad-slot="YYYY"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
....
....
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXX"
data-ad-slot="YYYY"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
....

it saves page weight and possibly some redundant Shift-RELOAD activity in my observation to omit the second:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Rgds

Damon