Another one up
Senturian Security Group Ltd are one of the UK’s leading corporate and event security companies in the UK. Established in 2006 and approved by the SIA they provide a range of manned security services including close protection (bodyguards), event stewards, door guards and reception / gate house operatives.

Think Jarvis designed the new website and revised the company logo as part of an ongoing company re-brand and marketing project. The site is based on Enfold and uses a custom icon font rather than PNGs throughout the site. Each page is designed to be used as a landing page for each service and for future Pay Per Click campaigns.
The icons on the home page use a modified 5 column layout set to 7 columns so that all of the service icons fit on one line. (Thanks support forum for assistance).

You can see the site here:
Senturian Security – Manned Security Contractor based in the UK

The site scores 87/100 in Google Lighthouse with more performance features coming including font pre-load / pre-fetch. Further improvements to be made prior to May 2021. The customer has requested a live chat which will affect performance figures. So it may not be possible to achieve 90/100 with this feature enabled.

My guess is you have not excluded the above the fold images from the lazy load module. Anything you want the user to see straight away should not be lazy loaded. If it is lazy loading the main header image and placeholder then this will cause a flicker and CLS? Try that first it may just be causing everything else below to shift.

This is something that I need to implement as well. A little trickier with Jetpack and Photon and could be the route cause of the CLS we are both experiencing. Not sure if WP Rocket allows you to exclude above the fold content?

As long as the CLS is below the threshold set by Google for web metrics it doesn’t matter whether you have a zero figure or not.

Do some experimenting and see what you come back with.

Its not the fonts that are causing it.

I did a scan of your home page this end. There are 3 elements on the page that are causing a shift.
Elements that I’ve never seen cause a problem before.

I’ll leave this with the support team. Create a backup of your entire home page and then remove some of the elements and rerun lighthouse. This may help you narrow down the cause.

Launched today!

The Honey Pot Company runs the Honey Pot Tea Rooms, Coffee Shop and Bakery located in Swadlincote and Burton On Trent UK. All 3 are popular with local residents for their home made cakes and giant american style doughnuts. The company was looking to replace a broken existing website and organize their web presence.
Think Jarvis redrew their logo in Illustrator professionally and created versions for use throughout the business and saved the company £400 a year in unused online services which were accumulated over the life of the business.
The site uses the Catalog feature within Enfold to display the menu in a similar way to the restaurant demo theme. This works extremely well for menus.
During the current COVID outbreak the company opted to use phone and collect rather than click and collect due to the bespoke nature of cake orders and shorter opening times. So no E commerce features yet but Enfold provides a great platform which means they can be added easily if required.

You can see the site here:
The Honey Pot Tea Rooms, Coffee Shop and Bakery

The existing website was held on a different domain which is still transferring and will be permanently forward to the new domain to prevent loss of traffic.

The site performs well in Google lighthouse with a score of 90/100 for performance with more updates coming before May 2021. The site uses custom .htaccess settings, wp-optimize and jetpack. Lazy load is enabled in Enfold Performance settings.

Its not the theme version.
WP 5.6 is the problem as it removes support for the older Jquery version. So its best to use this work around in the meantime.

The team at Enfold need to investigate to find the bug. Not sure if the Enfold team are looking into this yet as it has not been added to the upcoming fixes thread.

I have gone through all of my Enfold sites and it affects about 8 of them. The rest dont use an alternative mobile menu.

I have replied to a couple of other threads raising the same issue. I am waiting an update from the Enfold team now to confirm it is on the bug fix list.

I hope that your site is now running as expected :)

Update –

Using the Jquery Migrate Helper.

Here is a log file from the migrate plugin

There is a problem with the avia_meag_men.js compatibility with the latest 5.6 WP update.
2021-01-05 17:07:22 jQuery.fn.attr(\’checked\’) might use property instead of attribute Theme: enfold/framework/js/avia_mega_menu.js /wp-admin/nav-menus.php

Update –

Using the Jquery Migrate Helper.

Here is a log file from the migrate plugin

There is a problem with the avia_meag_men.js compatibility with the latest 5.6 WP update.
2021-01-05 17:07:22 jQuery.fn.attr(\’checked\’) might use property instead of attribute Theme: enfold/framework/js/avia_mega_menu.js /wp-admin/nav-menus.php

• This reply was modified 3 years, 11 months ago by thinkjarvis.

I have the same problem with every site on my server that has an alternative mobile menu set.

The

tags are empty. No menu is displaying.

Please can you advise. Another user has had the same problem so replying so i get updates.

Hi RubenHD,

Just saw this while checking for an issue. AMP is not necessary for competitive mobile searches.

I do not use it and have managed to get enfold sites performing at 90+ in the current Google Lighthouse speed tests – with further improvements to be implemented around fonts and analytics.

AMP is designed to speed up the loading times of blog entries – It is therefore not going to be compatible with all ALB elements in Enfold which add complexity and functions over the standard WP theme. The same applies for most premium WP themes with complex features. AMP normally removes animations and other complexities in order to reduce load times (reducing the size of the AMP CSS files). Its literally what AMP is designed to do.

If you are looking to improve the load times for your site without compromising on the design – try any of the following:

-Update your .htaccess file or use a plugin to ensure features like gzip compression and cache age are set and enabled
-Add a caching plugin and set the cache length to 30 days.
-Compress your images before you upload them
-Enable Lazy Load in the Enfold performance panel and enable all other performance related settings
-Ensure responsive images is turned on in the Enfold performance panel
-Use a CDN – Like Jetpack (Free) or Cloudflare (also free)
-Enable lazyload and image optimisation in jetpack (If enfold is set up correctly it works perfectly)

I hope this helps.

Hi Stephan,

CF7 Flamingo caused issues with CF7 when Recaptcha is used so I don’t do it by default. It also bloats your database with contact form submissions.

I often recommend using a gmail account as a relay if there are mail delivery problems.
Try using an wp mail smtp by WPforms plugin.
You can use the other SMTP option to add a free Gmail account and use it as a relay.

Emails are then sent by Gmail meaning you get a record of the email being sent in the Gmail account’s sent items. This gives you an additional backup without bloating your database with contact form submissions. HOWEVER bare in mind that you are still relying on an external connection to Gmail, but because it is smtp it should simply stay in the outbox or as a draft if it fails to send. Therefore you still have a record of the message.

This is also a neat way to get around some web hosts mailservers getting blocked by outlook.com/hotmail addresses. Gmail doesn’t get blocked unless the content is spammy.