July 21, 2020 at 11:12 am #1231998
As you are probably aware, Google Web Vitals is coming at the end of the year as a metric for SEO. So all websites I have produced in Enfold need to pass with flying colours.
Sites I design currently sit between 70/100 and 95/100 depending on plugin setup.
Largest Contentful Paint has been the biggest issue which means that the system has to wait for the entire CSS and JS files to be downloaded before page load.
It is recommended that unused CSS is removed from the merged stylesheets and Unused JS is removed from the merged JS.
When merged style sheets is selected, and only load used elements is set in the performance panel:
Does it merge all of the CSS files for ALL ALB elements
Does it only merge the CSS files for the elements that have been used?
-Same question for the merged JS files.
Please can you advise?July 23, 2020 at 6:59 am #1232495
It merges the CSS files for the elements that have been used on
that pagethe site, similar with JS.
July 23, 2020 at 5:07 pm #1232676
- This reply was modified 2 months, 1 week ago by Nikko. Reason: correction
That’s good news.
Noticed yesterday that the new Enfold release is out. I’ll run some tests with it after I have checked it for compatibility with my current setup.August 11, 2020 at 2:32 pm #1236674
Sorry to ask for clarification.
Outside of changing the design, the CSS always seems to be around 80kb no matter what elements are used on the page.
All of my enfold websites use the default performance setting – load only used elements (recommended).
When I check web vitals for any of my sites the CSS file and JS file is always the same size.
Can you double check with the other Devs that the css merging and js merging feature only merges the css files for elements that have been used on the site? and not all of them?
If not can I feature request that the merge function is updated so the css/js from used elements only is added to the merge files?
Thanks in advance,
TomAugust 13, 2020 at 7:57 am #1237285
You must be logged in to reply to this topic.