Skip to content
Snippets Groups Projects
Code owners
Assign users and groups as approvers for specific file changes. Learn more.

Inline All CSS

The Inline All CSS module replaces the entire CSS rendering service with an implementation that renders all assets within inline style tags.

For a full description of the module, visit the project page.

Submit bug reports and feature suggestions, or track changes in the issue queue.

Table of contents

  • Requirements
  • Recommended
  • Installation
  • Configuration
  • FAQ
  • Maintainers

Requirements

This module requires no modules outside of Drupal core.

Recommended

To use this module it is recommended to have a [Content Security Policy] (https://content-security-policy.com/) configured that does not allow unsafe-inline in the script-src source value.

For more information about using a Content Security Policy with Drupal,please check out the CSP project.

Installation

Install as you would normally install a contributed Drupal module. For further information, see Installing Drupal Modules.

Configuration

Configure the module in System » Inline all css:

  • Enable This setting will allow the module to begin inlining CSS assets.

  • Enabled themes This setting allows for enabling CSS inlining on individual themes.

  • Minify This setting allows for minifying the resulting inline CSS.

FAQ

Q: Will this make my site faster?

A: This question is impossible to answer without performing a performance evaluation.

Maintainers