From the past few updates, we are working on speed improvements in the Spectra.
Initially, we worked on reducing the CSS file size to almost half. And then loading CSS and JS only when the Spectra block is in action on a particular page.
But we are not done yet! Taking a step further, we have now optimized the way Spectra adds required CSS to the page.
This will speed up your Gutenberg page ahead!
Let’s see how this update will work for you –
How Spectra Was Working until Now?
When you design a page with Spectra blocks, a dynamic CSS is generated by the plugin. This CSS is added inline to the page source code.
But inserting CSS this way was adding extra volume to the page HTML. That was slightly putting a load on page speed.
How Spectra Will Work with v1.14.0 and Above?
Required CSS will now be added to a separate CSS file and this file will be pulled from the page source code.
That means you will not see bulkier CSS in the page source code anymore. All the styling will be served from a separate file.
Once you update the plugin to version 1.14.0, you will see an additional option on the Spectra settings page.
Once you enable it – the inline CSS will not show up in the Source Code anymore.
The inline CSS will now be added as a separate file
This will help browsers to easily cache needed CSS file so that visitors can retrieve the page faster.
Try the Latest Version Right Away!
You will get an update notification for Spectra on the WordPress update page. Just update the plugin, enable the option and see how it makes your Spectra pages lighter.
In case of any question write us through the support portal.
We cherish making Spectra faster and better with every update. Our team will keep working hard to make your websites stunning.
Stay tuned until next time!