I thought that might be the case. Glad it worked for you.

I have used Rikards solution on a few sites before.
Actually loading the CSS inline rather than post css can be faster on first pageload but second pageload will be quicker with the post css file.

So the Post CSS is the right route if you can keep it activated.

if you use any kind of caching you need the timestamps turned on (the default setting) and leave query strings turned on.

What version of Enfold are you using?
As far as I am aware this issue was addressed a few versions ago. Originally the Post-xxx.css files did not have a version query at the end. They do in the current version of Enfold.

If you have remove query strings turned on then the cache wont ever update. The team at Enfold made it so that the built in remove queries excludes the post css folder. But other plugins or even server side caches may be set to remove query strings.

• This reply was modified 1 year, 8 months ago by thinkjarvis.

@Rikard

Glad you have found the issue for Tim.

I will raise a ticket seperately for my issue with updates. I have not been able to re-create this yet. I think it might be something to do with the specific clients host/plesk/cpanel install – I dont know which but I think theme updates had been disabled.

If I encounter the problem on a site where I can show you the issue properly I’ll raise another ticket.

Bespoke Ecommerce for a phone case retailer here in the UK.

place4acase – iPhone and Samsung Galaxy phone cases

place4acase are suppliers and retailers of high quality phone cases for iphone and samsung galaxy devices. The company is based in the UK and are able to sell and distribute throughout the world. They work with artists to provide unique phone case designs available in matte, glossy and reinforced options.

The site is based on a modified version of Enfold with WooCommerce. We also use the excellent WooCommerce Extra Product Options Plugin from Code Canyon

The site also uses The Smash Baloon Instragram Feed Plugin.

The following modifications have been made:
-Changed the product page layout with CSS so the thumbnails are beside the image rather than next to it
-Moved the single product image over and made it larger so it is displayed more prominently
-custom header and menu structure with mobile first design
-product pages tweaked with sidebars removed and widget based filters for navigation

The site scores up to 95/100 in mobile speed testing and up to 100/100 on desktops
(Note that ther is currently a bug in the new PayPal plugin causing the mini cart JS to load on every page. This does reduce scores to 85/100 until the new release – This post was created 04/08/2022)

Think Jarvis uses an optimised performance stack for Enfold that includes
– 500 lines of code in functions.php
– font pre-loads
– lazyloading images
– baspoke ht access settings
– 8 core VPS server shared with other optimised sites only
– Caching
– Image compression and WebP generation
– Lazy Load JS on top of Enfolds HTML option so that the Instagram Feed is Lazy Loaded
– Critical CSS generator
– Bespoke Enfold settings

Let me know if you have any feedback :)

• This reply was modified 1 year, 9 months ago by thinkjarvis.

@Rikard,

Sorry for the second issue.
In my case – Yes I have created a seperate Envato Build Key for every site. But still not seeing the updates on every site.

I’ll see if I can present a specific example to you.

In the meantime please continue to help @slikslok

Best practice with any WordPress site is to install a child theme.
Otherwise you will need a plugin to do this.
You can either write your own plugin or use one like the example below from the wordpress plugin library – Sorry I just reworded this bit. It didnt make sense.

You can download a plugin like this one instead: WP Headers and Footers

If you use the built in Enfold Cookie popups – You must put your Google Tag Manager code into the Google Services Box in the Enfold Control Panel. Otherwise the cookie popups just wont work.

If not you can just add everything using the plugin instead but this wont be compliant with GDPR because it will load unconditionally on every page.

use the plugin to add your Body tag script on all pages in the body of the aritcle.

Otherwise you can use the code below to insert the snipped from the functions.php file in your child theme or a custom plugin that mimics the functions file.

// Add Google Tag code which is supposed to be placed after opening body tag.
add_action( 'wp_body_open', 'tj_add_custom_body_open_code' );
 
function tj_add_custom_body_open_code() {
    echo '
INSERT YOUR GOOGLE BODY TAG HERE
';
}

• This reply was modified 1 year, 9 months ago by thinkjarvis.
• This reply was modified 1 year, 9 months ago by thinkjarvis.
• This reply was modified 1 year, 9 months ago by thinkjarvis.
• This reply was modified 1 year, 9 months ago by thinkjarvis.

@newmediologo
I’ve not got any specifically for artists. When you say artist – Do you mean a painter or graphic designer – Or do you mean a musician.

Enfold can be made to look however you want it to look. It is a theme that includes a complex page builder. So it should be suitable for your needs.

If you wanted – The client could find a theme that they like and you could make Enfold look exactly the same as it – But with the flexibility and reliability of Enfold.

@guenni007
Nice work on this.

I see warnings in Web Vitals about this under best practice.

Did you just insert this code into the header on every page?

Another launch a few weeks ago for Cherish Keepsakes
CherishKeepsakes Memorial Jewellery Maker Derbyshire UK

Cherish Keepsakes make sentimental jewellery that can include DNA items like loved ones ashes, breast milk, hair, wedding flowers and pet fur. The memorial items are cast in UV stable resin in a range of colours and designs.

The owner created the logo in Canva so we converted it from an SVG into an EPS and AI file for more portable use.
The font from the logo was also recovered, purchased and used as a custom font on the website.

Built on an optimised version of Enfold with WooCommerce. The site uses Paypal to take payments. We included Trust Index Review Aggregation servie to display reviews from their other selling platforms on the site and Smash Balloons Instagram Plugin as a live gallery of work.

The site includes modifications to WooCommerce:
-Add widget to main menu area so search bar is available on desktops
-Add a widget to the top of the product page so search can be added to mobile pages
-Modified search so it only searches products and includes SKUs
-Changed the breakpoint so the sidebar disappears on tablets
-Seperate the categories from the main shop loop for better navigation

Pagespeed and Web Vitals
The home page under testing scores up to 99/100 in Google Web Vitals mobile device testing and 100/100 on desktops.
This is the fastest WooCommerce website we have launched and this is largely down to the way the images are displayed (no slider).

The Think Jarvis optimised web framework includes some extra optimisation:
– VPS hosting with maximum resource allocation from IONOS
– Unique modifications to .htaccess and functions.php
– Caching plugin
– Additional image thumbnail generation
– WebP image generation and compression
– Login screen moved and password protected to prevent brute force attacks
– Jetpack Brute Force Protection
– Advanced contact form spam protection without using Google Recaptcha

Website design by Think Jarvis Swadlincote

• This reply was modified 1 year, 10 months ago by thinkjarvis.

Thanks Mike / Steve,
Really appreciate the fast response.
I’ll try the fixed code when I am next working on the clients site.

Thanks for highlighting the issue with Safari and Caching its been a pain to deal with when some of my clients dont own laptops. Safari on Tablet (older versions in particular) has some serious issues with checking cache age thats for sure! Normally on mobiles a swipe down action in the browser will do the job but not every time.