Concatenate scss file in Fluid Template for better performance

[Oktopuce]

Hi,

Don't know if it's already planned or not but should be a good idea to concatenate all scss file in multiple fluid template, in order to have only one css file in FE, for better performance.
And even better : concatenate with global css file.

Assume you have two fluid file with scss :

• first.html

<wsscss:asset.scss href="EXT:site_default/Resources/Public/Scss/my_first.scss" identifier="my_first_id"/>

• second.html

<wsscss:asset.scss href="EXT:site_default/Resources/Public/Scss/my_second.scss" identifier="my_second_id"/>

• current result in FE :

<link rel="stylesheet" type="text/css" href="[/typo3temp/assets/compressed/merged-0c1e871c37caac4f59a998628336356d-48b21eea7ae3b100fa56f2b76cbae4ce.css?1643706417]" media="all">
<link href="/typo3temp/assets/css/my_first.css?1643712172" rel="stylesheet" type="text/css" >
<link href="/typo3temp/assets/css/my_second.css?1643712172" rel="stylesheet" type="text/css" >

• expected result in FE :

<link rel="stylesheet" type="text/css" href="[/typo3temp/assets/compressed/merged-0c1e871c37caac4f59a998628336356d-48b21eea7ae3b100fa56f2b76cbae4ce.css?1643706417]" media="all">
<link href="/typo3temp/assets/css/concatenated.css?1643712172" rel="stylesheet" type="text/css" >

or even better - don't know if it's possible - concatenate in global scss :

<link rel="stylesheet" type="text/css" href="[/typo3temp/assets/compressed/merged-0c1e871c37caac4f59a998628336356d-48b21eea7ae3b100fa56f2b76cbae4ce.css?1643706417]" media="all">

Could also be interesting for better performance to add CSS at the bottom of the HTML.