---
title: "Feature: #99510 - Add file embedding option to asset ViewHelpers"
manual: "TYPO3 Core Changelog"
version: "main"
permalink: "https://docs.typo3.org/permalink/changelog:feature-99510-1716815124"
source: "Changelog/13.3/Feature-99510-AddFileEmbeddingOptionToAssetViewhelpers.rst"
typo3-version: "13.3"
typo3-major: 13
type: "feature"
issue: 99510
forge: "https://forge.typo3.org/issues/99510"
tags: ["Fluid", "Frontend", "ext:fluid"]
rendered: "2026-09-28T12:33:31+00:00"
---

# Feature: #99510 - Add file embedding option to asset ViewHelpers {#feature-99510-1716815124}

See [forge#99510](https://forge.typo3.org/issues/99510)

## Description {#description}

The ViewHelpers [\<f:asset.css>](https://docs.typo3.org/other/typo3/view-helper-reference/main/en-us/Global/Asset/Css.html#typo3-fluid-asset-css)
and [\<f:asset.script>](https://docs.typo3.org/other/typo3/view-helper-reference/main/en-us/Global/Asset/Script.html#typo3-fluid-asset-script) have
been extended with a new argument `inline`. If this argument is set,
the referenced asset file is rendered inline.

Setting the argument will therefore load the file content of the defined
`href` / `src` as inline style or script. This is especially
useful for content elements which are used as first element on a page and
need some custom CSS to improve the Cumulative Layout Shift (CLS).

## Impact {#impact}

To add inline styles and scripts from a referenced file, the new `inline`
argument can be set. For example, to add above-the-fold styles, the
`priority` option can be set, which will put the file contents of
`EXT:sitepackage/Resources/Public/Css/my-hero.css` as inline styles
to the `<head>` section.

```html
<f:asset.css identifier="my-hero" href="EXT:sitepackage/Resources/Public/Css/my-hero.css" inline="1" priority="1"/>
```

To add JavaScript:

```html
<f:asset.script identifier="my-hero" src="EXT:sitepackage/Resources/Public/Js/my-hero.js" inline="1" priority="1"/>
```
