[Support request] Render Blocking CSS Files & DOM Size

[Dev]

Hello,

Please check the below image and GT Metrix link.

Is there any way to lower these files? As these files are causing render-blocking.

https://gtmetrix.com/reports/www.diveshtechanalysis.com/of1XX34x/
http://prnt.sc/xtk98l

Please see this image also: http://prnt.sc/xtl2y7

The DOM size elements are quite high and are from the theme side. Any way to reduce them.
DOM Size Image: http://prnt.sc/xuhe6m

I don’t want to use the autoptimize plugin as that is causing fonts to change in the WPSP plugin.

I already have perfmatters and WP Cloudflare Super Cache Installed.

[Dev]

Any update on my issue?

[Tom]

Hi there,

If you lower those files, you’ll likely run into issues where the site loads without styling until the stylesheets are reached.

Instead, use a plugin like Autoptimize to combine them into one file.

As for DOM size, what you’re seeing there is likely your SVG icons. Maybe the dropdown menu icons. Reducing the number of dropdowns on your page will help there.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts