PHPackages sethorax/typo3-assetloader - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. sethorax/typo3-assetloader ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) sethorax/typo3-assetloader ========================== Pagespeed friendly asset loader for TYPO3 CMS 0.9.5(7y ago)13.3kGPL-3.0+PHP Since Apr 30Pushed 7y ago1 watchersCompare [ Source](https://github.com/chfoidl/typo3-assetloader)[ Packagist](https://packagist.org/packages/sethorax/typo3-assetloader)[ RSS](/packages/sethorax-typo3-assetloader/feed)WikiDiscussions master Synced yesterday READMEChangelog (1)Dependencies (3)Versions (6)Used By (0) TYPO3 Extension `assetloader` ============================= [](#typo3-extension-assetloader) [![Build Status](https://camo.githubusercontent.com/61e2dec21098da46717a3fe0642a8b3458946905f3468fffad67dc50d73ad895/68747470733a2f2f7472617669732d63692e6f72672f536574686f7261782f7479706f332d61737365746c6f616465722e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/Sethorax/typo3-assetloader)[![StyleCI](https://camo.githubusercontent.com/0b989481bc63df4aeba88808110985b776118d7abf94686766cce8df93b6401b/68747470733a2f2f7374796c6563692e696f2f7265706f732f38393836343738312f736869656c643f6272616e63683d6d6173746572)](https://styleci.io/repos/89864781)[![Latest Stable Version](https://camo.githubusercontent.com/5035618e9b7f3d96972702ca14afb21f52900f74e9efe757cf06083a0c66946a/68747470733a2f2f706f7365722e707567782e6f72672f736574686f7261782f7479706f332d61737365746c6f616465722f762f737461626c65)](https://packagist.org/packages/sethorax/typo3-assetloader)[![License](https://camo.githubusercontent.com/5e7e52864e0ec6459f2e49a9fce67a50a209d526004344e64e423eef8d8cf3c5/68747470733a2f2f706f7365722e707567782e6f72672f736574686f7261782f7479706f332d61737365746c6f616465722f6c6963656e7365)](https://packagist.org/packages/sethorax/typo3-assetloader) > This extension enables you to conveniently add inline CSS and JS, deferred CSS and JS and Webfonts to your project. > The goal of this extension is to improve the overall pagespeed by how those assets are loaded. ### Features [](#features) - Extension is entirely configured via typoscript - Enables including inline CSS and JS in both `` and before `` - Enables including CSS and JS files but with deferred loading - Enables including google fonts and custom fonts via the webfontloader - All included assets can be minified and concatenated ### Usage [](#usage) #### Installation [](#installation) Installation using Composer It is recommended to install this extension via composer. To install it just do `composer require sethorax/typo3-assetsloader` This extension can also be installed traditionally via the TYPO3 Extension Repository (TER). #### TypoScript Setup [](#typoscript-setup) Every aspect of this extension is configurable via typoscript setup. ##### Example typoscript setup: [](#example-typoscript-setup) ``` plugin.tx_assetsloader { concatenateCSS = 1 concatenateJS = 1 minifyCSS = 1 minifyJS = 1 includeCSSInline { critical = body {background-color: black; min-height: 100vh;} } includeCSSInlineFooter { styles = EXT:my_page_extension/Resources/Public/styles/styles.css styles.file = 1 } includeJSInline { app = fileadmin/app.js app.file = 1 } includeJSInlineFooter { script = console.log('Hello World!'); } includeCSSDeferred { deferred = fileadmin/style.css deferred2 = fileadmin/style2.css deferred3 = fileadmin/style2.css deferred3.excludeFromConcatenation = 1 } includeJSDeferred { app = fileadmin/app.js } fontloader { googleFonts { roboto = Roboto:400,500,500i opensans = Open Sans:400 } customFonts { families { fa = FontAwesome } urls { fa = https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css } } } } ``` All settings are configured in `plugin.tx_assetsloader` ##### Typoscript Settings [](#typoscript-settings) > concatenateCSS If enabled all CSS files will be concatenated. Concatenation is only supported by `includeCSSDeferred` and `includeJSDeferred`. Single files can be excluded from concatenation by setting `excludeFromConcatenation = 1` in the files settings. > concatenateJS Same as `concatenateCSS` but for JS. > minifyCSS If enabled all CSS code will be minified. Minification is supported by all CSS and JS related settings. > minifyJS Same as `minifyCSS` but for JS. > includeCSSInline All entries within that setting will be included as a `style` tag in the ``. It can also include file contents as inline CSS. To do so, set `file = 1` for that entry. Supports minification. > includeCSSInlineFooter Same as `includeCSSInline` but includes the `style` tag before ``. > includeJSInline All entries within that setting will be included as a `script` tag in the ``. It can also include file contents as inline JS. To do so, set `file = 1` fot that entry. Supports minification. > includeJSInlineFooter Same as `includeJSInline` but includes the `script` tag before ``. > includeCSSDeferred All entries within that setting will be loaded deferred via a small inline loading script. The default loading script can be overwritten in `settings.deferredCssLoadingScript`. Accepts only files. Supports minification and concatenation. Single files can be excluded from concatenation by setting `excludeFromConcatenation = 1` in the files settings. > includeJSDeferred All entries within that setting will be included as a `script` tag with the `async` and `defer` attribute. Accepts only files. Supports minification and concatenation. Single files can be excluded from concatenation by setting `excludeFromConcatenation = 1` in the files settings. > fontloader.googleFonts All google font families within that setting will be loaded with the webfontloader. The content of a font family must be the font family string from Google Fonts! > fontloader.customFonts Allows you to load custom font families with the webfontloader. > fontloader.customFonts.families Add the font family names here. > fontloader.customFonts.urls The urls to the font family. ###### Overwriting default settings [](#overwriting-default-settings) All default settings are set in `settings` > settings.deferredCssLoadingScript This setting contains the loading script to defer load CSS files. This script must contain two markers wich will be replaced later: MarkerDescription\###CSSFILE####This marker will be replaced by the full path of the css file.\###SCRIPTNAME###This marker will be replaced by a generated hash to create a unique loading function.> settings.WFLLoadingScript This setting contains the loading script to load the webfontloader. ### Health Score 28 — LowBetter than 54% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity18 Limited adoption so far Community4 Small or concentrated contributor base Maturity57 Maturing project, gaining track record How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~80 days Recently: every ~100 days Total 6 Last Release 2896d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/4666e31b2b5affda25175084f83fb14aa226826e6b06c22094ae79e48c822568?d=identicon)[chfoidl](/maintainers/chfoidl) --- Tags assetscomposerfrontendpagespeedphptypo3typo3-extensioncssJScmsassetsfrontendtypo3PageSpeed ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/sethorax-typo3-assetloader/health.svg) ``` [![Health](https://phpackages.com/badges/sethorax-typo3-assetloader/health.svg)](https://phpackages.com/packages/sethorax-typo3-assetloader) ``` ### Alternatives [stolz/assets An ultra-simple-to-use assets management library 296519.2k8](/packages/stolz-assets)[sensiolabs/minify-bundle Assets Minifier (CSS, JS) for Symfony & Minify integration in Asset Mapper 5694.9k1](/packages/sensiolabs-minify-bundle)[fisharebest/laravel-assets Asset management for Laravel 208.1k](/packages/fisharebest-laravel-assets) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)