WapplerSystems / ws_scss

SASS Compiler for TYPO3
11 stars 25 forks source link

Concatenate scss file in Fluid Template for better performance #58

Open Oktopuce opened 2 years ago

Oktopuce commented 2 years ago

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 :

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

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

<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" >
<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.