Download the PHP package sethorax/typo3-assetloader without Composer
On this page you can find all versions of the php package sethorax/typo3-assetloader. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package typo3-assetloader
TYPO3 Extension 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
- Extension is entirely configured via typoscript
- Enables including inline CSS and JS in both
<head>and before</body> - 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
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
Every aspect of this extension is configurable via typoscript setup.
Example typoscript setup:
All settings are configured in plugin.tx_assetsloader
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 <head>.
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 </body>.
includeJSInline
All entries within that setting will be included as a script tag in the <head>.
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 </body>.
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
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:
| Marker | Description |
|---|---|
| ###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.
