Use code PERFMATTERS for an extra 10% off!
  1. Home
  2. Docs
  3. General
  4. How to change the block style loading behavior in WordPress

How to change the block style loading behavior in WordPress

As of WordPress 6.9, core block styles are loaded inline as part of the HTML page. The positive is that WordPress core now only loads CSS when needed. The negative is that simply inlining everything, depending on the site, could make it perform worse. On one site, we saw a 15% increase in the total HTML page size, and this resulted in higher LCP. If you already have Perfmatters Remove Unused CSS running, you might prefer to go back to the global stylesheet method.

Change block style loading behavior

Follow the steps below to change the block style loading behavior on your WordPress site.

Step 1

Click into the Perfmatters plugin settings.

Perfmatters plugin settings
Perfmatters plugin settings

Step 2

Make sure you’re on the “General” menu.

Perfmatters General menu
Perfmatters General menu

Step 3

Scroll down and under “Block Style Behavior,” you can change it from the default back to “Load Global Stylesheet.”

Step 4

Scroll down and click “Save Changes.”

Related Articles