Just to point out, it also appears to bypass the ‘discourage search engines from indexing this site’ feature built in to WP.

Hi Rikard – As I thought. Others will ask!

@Francemedics – have you set let the SEO plugin set this tag?

Which features specifically are not working?
Have you checked that they are enabled in Yoast Premium’s general settings?

Hi Ismael,

Probably not explained this very well and you raise a very good point and I can understand the logic behind that – It makes no sense to lazy load it and actually using a CDN for this component is a little daft. I was just highlighting the plugins that currently cannot ‘optimise’ the logo. It looks like the caching engine can see the logo afterall.

It would be great if it was not ignored by the CDN – But I imagine changing the settings for this will also mean Lazy load picks it up by default which is silly and a bad idea.

GTMetrix counts it as an item that should be loaded from CDN. So it makes a small difference to the performance score. But you are right, there isn’t really much difference assuming the image is compressed properly prior to upload.

Web Vitals
After making some changes to the size of the logo (pixel size) to match the recommended size in the Web Vitals results, it is no longer an issue in web vitals. Web Vitals recommended a much larger sized image than the actual required size, so I just matched it. Actual size is 88px tall, Vitals asked for 240px tall for some reason.

Sorry to have wasted your time on this and thank you for your response. Just going through the process of optimising for Web Vitals. Currently getting 79/100 for performance provided the server response time is at its best. Other enfold sites are scoring high 80s with a different above the fold design, but the latest round of improvements is being tested on my company site which I expect will allow most designs to score 90+

The Largest Contentful Paint LCP is the lowest score.
I have a full screen ALB color section with full screen background image which is the main cause for the LCP being high.
I have also raised a second Forum post relating to CSS and JS merging which also adds weight to LCP.

Happy for this post to be deleted if necessary.

Cheers Mike,

The site I have this setup on is due to go live on Thursday/Friday. So I will post a link to it on here and the showcase once it is done.

Adding the search bar to mobile menus
Forgot to add – If you don’t set the Search bar to hide on mobiles, you can use CSS to have it on and working on mobiles as well, although I have not checked to see if the ajax search results work in this configuration. Likely be controlled and turned back on using CSS.

My preferred mobile solution:
I normally just add it to the top of the mobile menu (In the theme settings set a different menu for mobiles, add link to search page).

Follow the instructions here for a working example of search added to the mobile menu:
https://kriesi.at/support/topic/how-to-add-the-search-function-to-mobile-menus/

Hi Victoria,
I received this today from the WP community:
https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/

Browser side Lazy Load is definitely being incorporated in WordPress 5.5 by default.

Can this be added to the list of features in development?

I think its great that the Core team are adding things which resolve the last optimisation issues with Enfold.

Once Image Sourceset and lazy load are working fully with Enfold then I expect that the sites I produce will score close to or over 90% in Googles new Web Vitals Metric with Enfold.

Performance for most sites sits at about 71/100 at the moment, however I have a couple of sites reaching 90/100 depending on the design.

I am going to play around with some of the tools that can trim the merged stylesheet down like AMP when I get the chance.

Now that fonts can be controlled on page load, this is the last major item on my Google Page Speed insights tests to fix with Enfold.

Hi Victoria,
You are a diamond thank you! I did attempt to edit the clear value before but I must have picked up the wrong element.

I have just realised you specifically set this to work for the SportsPress Team Pages. I really appreciate this thank you.
If anyone else wants to use this for all posts just remove .sp_team-template-default as below:

body aside.units.alpha {
  width: 27%;
  clear: none;
}

I have seen several people ask for this on the forum, so I am sure this will help others.
I will share the completed site in the forum once I have finished. Mountains of content left to add yet.
Cheers,
Tom

This is the workaround for the issue at the moment, not ideal but at least the icons still show and function correctly.

Yes – I have two new websites running on my test environment with the latest version of Enfold and all looks OK.

Try the following in the order below:
– Is the colour of the icons set correctly? Check the shortcode I.e. white on white wont show up.
-Change the icon settings to open in same window
-Go into enfold’s performance settings and tick the box at the bottom to delete old style and JS files, click save
-Then unselect the option and click save.
-Load a page on your website to regenerate the merged style sheets and JS files.
-If you use a caching plugin clear the cache.
-Open an incognito window/private browser window
-See if the issue is still there