Automatic Settings in the
Automatic Settings Group automatically.
Do not try to configure the options in
The following table indicate how the
Automatic Settings configure the settings in the
Table 3.1. The Granular options configured by the Automatic Settings
|Automatic Basic Settings|
|Combine CSS Files||Yes||Yes||Yes||Yes||Yes||Yes|
|Automatic Exclude Settings|
|Include all extensions||No||No||Yes||Yes||Yes||Yes|
|Automatic Pro Settings|
|Replace @imports in CSS||Yes||Yes||Yes||Yes||Yes||Yes|
|Include PHP and external files||Yes||Yes||Yes||Yes||Yes||Yes|
|Include inline CSS||Yes||Yes||Yes||Yes||Yes||Yes|
The options in the
Automatic Settings Group are detailed below. Normally you don't have to worry about these settings because they are automatically configured by the
Automatic Settings. Do not attempt to change these setting manually to configure the plugin. They generally would be in a collapsed section but are still made available because they are useful in troubleshooting an issue.
Automatic Basic Settings
The plugin uses Regular Expressions to identify all the links to css files in the HTML. The contents of all these files will be combined into one file and saved in cache. A link will be generated to access this file and will replace all the previous links to css files.
This option strips all comments and unnecessary whitespaces such as spaces, tabs, and newlines from the CSS file. This will reduce file size so the website uses less bandwidth for download. Turning this option on will also enable CSS inlined in the HTML in style tags to be minified when the HTML is being minified.
Automatic Exclude Settings
By default, all the files from third party extensions will be excluded from the aggregation process. Files loaded from external domains will also be excluded. Only system files and template files are combined. When enabled, all these files will be combined.
Automatic Pro Settings
These settings are only available in the Pro version
If this option is set then the plugin will also fetch the contents of any file that is called by an @import statement in the CSS and replace the @import statement with the contents. This effectively eliminates the http request required to fetch the file, optimizing the webpage even more. This will occur recursively so if the contents themselves contains @imports statements, these would also be replaced by contents from the files pointed to by the @import statements.
Inline CSS within style declaration blocks will be removed and included in the combined CSS file. This is useful in order to maintain the execution order of the CSS as it occurs on the page if you had CSS links under any style declarations. Additionally it will assist in 'Optimize CSS Delivery' if that option is set.
will be removed and included in the combined file.
Again, this is even more important to maintain the
execution order of the scripts on the page as
links. This makes it more likely for you to be
bottom of the page or to use the
defer or async attribute
described by PageSpeed. Inline scripts in the body
section of the HTML that contains the
document.write function are
By default the plugin will search the
</head> tag. This extends the search to the
<body> section of the HTML and then the combined javacript file would be placed just before the
This setting only works when the previous setting is enabled and puts the
asyncattribute to the combined
asynchronously to prevent render-blocking and
speed up the page download. If any files or
scripts have been excluded while preserving the
original execution order of files on the page then
defer attribute is used
file placed at the bottom of the page.