Autoptimize plugin configuration

Autoptimize plugin optimizes the pages of your site. It compresses images, caсhes files, minifies JS and CSS. All of the above speeds up page loads. Setka Editor uses specific CSS and JS files when generating pages. Improper optimization may disrupt their operation.

To prevent optimization from changing the look of Setka Editor content, configure Automtimize according to this guide.

Which CSS files Setka Editor uses

Setka Editor uses the following CSS-files and inline blocks:

Standalone CSS — 3 CSS files with styles used only in the specific post.

Standalone critical CSS — styles of the first contentful paint. Speeds up the rendering of content seen by the user at the very top of the page. 3 inline CSS blocks and 2 CSS files.

Common CSS — common rules for all the styles stored on the Setka account. Single CSS file.

Standalone critical CSS — styles of the first contentful paint. Speed up the rendering of content that user sees at the very top of the page. 3 inline CSS blocks and 2 CSS files.

The file connection order is critical for Setka Editor. While using the optimizer (Autoptimize or any other) in the Standalone or Standalone critical mode, it is important to keep the order of CSS code: Common CSS should always come first.

Autoptimize optimizes only the local files. Therefore, enabling Autoptimize for Setka styles makes sense only if the Enable Setka CDN files option is not activated in the Setka Editor plugin settings:

Should I enable file minification?

Even though Setka CSS files have the * .css extension, not *min.css, their content is already minified. Therefore, minification is not necessary. Also, keep in mind that some minifiers can corrupt the CSS code.

Autoptimize configuration options

Autoptimize settings depend on what type of CSS you are using: Common, Standalone, or Standalone critical. To select the type of CSS, go to Setka Editor WordPress plugin settings:

Here:

• Default. Only load styles needed for a specific Setka Editor post. — uses Standalone CSS. Set by default.

• Inline critical post styles into a page and load the rest of the styles asynchronously. — uses Standalone critical CSS.

• Legacy. Load a combined CSS file with all your Setka Editor styles. — uses Common CSS. Dated option. May slow down page loading, hence, not recommended.

For Common CSS

If Common CSS is used, go to Autoptimize WordPress plugin settings and set the following in the CSS Options block:

• Activate the Aggregate CSS-files option.

• Make sure that, the Exclude CSS from Autoptimize: field does not contain the wp-content/uploads/ string. If it is present, remove it.

For Standalone CSS

If Standalone CSS is used, go to Autoptimize WordPress plugin settings and set the following in the CSS Options block:

• Activate the Aggregate CSS-files option, if you are sure, Setka CSS files should be combined into one file with all other styles on the page. This optimization is redundant in some cases. Setka CSS files already contain a minimal number of styles. If the option is activated, a different combination of 3 files will be used on each page. Therefore, the effect of accelerating the rendering of the first screen in some cases will be overridden by the lack of cache.

• Make sure that, the Exclude CSS from Autoptimize: field does not contain the wp-content/uploads/ string. If it is present, remove it.

For Standalone critical CSS

In Standalone critical mode, Setka styles are optimized the same way as if they were optimized by Autoptimize. Therefore, it is not necessary to apply optimizations to Standalone critical styles. You can configure Autoptimize in 2 ways:

Minify all styles

Use these settings if you need to combine and minify not only Setka styles but all other styles on the page.

Go to Autoptimize WordPress plugin settings and set the following in the CSS Options block:

• Activate the Aggregate CSS-files? option.

• Activate the Also aggregate inline CSS? option.

• Make sure that, the Exclude CSS from Autoptimize: field does not contain the wp-content/uploads/ string. If it is present, remove it.

Minify all styles, except Setka styles

Use these settings when you need to combine and minify all styles except Setka styles.

Go to Autoptimize WordPress plugin settings and set the following in the CSS Options block:

• Activate the Aggregate CSS-files? option.

• Disable the Also aggregate inline CSS? option.

• Add the wp-content/uploads/setka-editor/ strig into the Exclude CSS from Autoptimize: field.