Forum Replies Created
-
AuthorPosts
-
@yigit
Im going to try the following
Bulk edit all products. Mark as Draft, Then Bulk edit Publish again.Needs to be done out of hours I think!
I’ll try updating the product and see if it fixes things.
The only problem with that solution is if it works one of the shops affected has 3000 products!
The only difference is that it doesnt change the main product image to match the currently selected variation image. Its not a huge issue the Enfold Gallery is fine.
Hi Ismael,
This shows just how little time I spend with a WordPress default theme enabled.The Post Formats are a WordPress function and not specifically Enfold so outside of your scope. Sorry for reporting this as an issue.
Please close this issue as solved.
I have fixed this after reading through the JS with a bit more care.
I changed the custom JS script to look for .blog-meta a instead of .read-more-link a. This grabs the custom post link instead of the read more link solving the issue.
ORIGINAL// News Page JS window.addEventListener('DOMContentLoaded', function() { (function ($) { if ($("body.news-page .template-blog article").length == 0) { return; } // Whole Article Clickable $("body.news-page .template-blog article").each(function (elem) { var thisElem = $(this); var newsPostLink = thisElem.find(".read-more-link a").attr("href"); thisElem.append('<a href="' + newsPostLink + '"></a>'); }); }(jQuery)); });
CHANGED TO
// News Page JS window.addEventListener('DOMContentLoaded', function() { (function ($) { if ($("body.news-page .template-blog article").length == 0) { return; } // Whole Article Clickable $("body.news-page .template-blog article").each(function (elem) { var thisElem = $(this); var newsPostLink = thisElem.find(".blog-meta a").attr("href"); thisElem.append('<a href="' + newsPostLink + '"></a>'); }); }(jQuery)); });
Hi Gunter,
There was an error in one of the translations. Some ALB code was deleted by mistake.All fixed thanks for your help.
You can mark this as solved.
I’ll speak to the client about getting Debug turned on so we can investigate.
Like you said – It might be one of the posts needs re-publishing on Page 3 – Causing the Post loop to get stuck.
A bit of trial and error is required to test this theory. We could change these posts to draft and see if we can get it to work still.Will get back to you here if we discover anything this end.
January 4, 2022 at 11:19 am in reply to: Moving JS inline for ALB color section and Full width Easy Slider #1334162PS. Happy new year!
I hope you enjoyed a well deserved break! :)
January 4, 2022 at 11:19 am in reply to: Moving JS inline for ALB color section and Full width Easy Slider #1334161Hi Gunter,
Thanks for getting back to me.
I’ll save this for a rainy day. If I have any success I’ll report back. Going to be a while before I can pick it all apart!
I’ll raise this as an issue after I have done some more testing. No action required at the moment
The LCP seems to be heavily affected by custom fonts. I need to investigate further before I raise this as an issue. Even with SWAP enabled on fonts, the First element on the page is not fully loading until the fonts have downloaded (looking at the waterfall). I had a site recently where I accidently uploaded a font that after compression was still 500kb WOFF2. The LCP was extremely high. I used Font Forge to bring the size down to about 40kb and the LCP score started passing. Wev vitals is therefore waiting for the font to download and processed before LCP is calculated.I was then thinking. Is there an event listener in the JS files delaying things like “DOMContentLoaded” Specifically related to the fade in on the first element or slider titles and captions.
I’ll have a look when I get the chance. I think it might just be the way Chrome handles Preload of Fonts rather than anything else.
Did you upgrade your analytics property from UA to GA?
There was a bug in Enfold cookie popups a while ago but that was only if you had cookie consent enabled.
I had several sites stop recording until the bug fix came out.I can think of five things that might have caused the failure to report traffic.
-
Your site/server had an error stopping visitors reaching the site
(having not seen the site) If the site has speed issues – visitors may have left before the cookies and analytics were processed.
The version of Enfold running contained the cookie consent popup bugs
WP-Rocket is set to defer inline JS then that would stop the Cookie consent working and stop analytics.js and gtag.js running.
Google analytics outageOther than that – If traffic reports appear back to normal now then the problem is resolved
Which figure are you using in Analytics to compare against the server stats?
I would expect analytics to be lower than the server stats because Analytics will filter out bots, some known IPs and bad traffic.
I doubt your server stats will do this. So it is probably correct. “Hits” vs “Users” are two different metrics.@adibranch
Assuming there is no problem with your tracking methods: This is one of the many pitfalls of Cookie Consent Policies required under EU Data Protection Laws.If you serve customers in the area covered by GDPR then you are supposed to ask users to accept tracking cookies to be compliant. You should not load Google Analytics by default.
If you operate in the USA or other parts of the world where GDPR does not apply to those customers you can load all cookies on page load – Unless there are other local rules where cookie consent still applies.
However what you can do is improve the UX design to make it easier to click accept all cookies rather than reject all. Improving your data capture See below:
The Cookie Bar Popup
I normally set Enfold to essential cookies accepted on first page load only.
Button 1 – Accept All Cookies button – Accept all Cookies and dismiss the popup
Button 2 – Settings – Opens the modalIn the Modal:
They can turn cookies on and off in the modal.
Button 1 – Accept All Cookies button – Accept all Cookies and dismiss the popup
Button 2 – Do Not Accept – Reject all Cookies and Close windowThis give the user the option to opt out but makes them more likely to click accept all to hide the message without going into the modal – Helping improve Analytics data while still being compliant.
I hope this helps!
@Mischa
Some really nice speed scores from these mate!
Will have a look through them all properly I like some the features you have used on frischepartner.Hi Nikko,
You Legend. Thank you.
I have updated the site to 4.8.8 successfully with the modification in place.
Please leave this issue open for now. I am waiting for the client to QA the updates.
Cheers Gunter,
I wasn’t chancing for immediate release :) I’ll keep my eye out for it and apply it to the client’s site.
Looking forward to seeing the new Post CSS file changes as well!
All the best,
TomHi Mike,
I can confirm that your fix works.
Please can you add this to the documentation? I think this is a more robust way of doing things.November 9, 2021 at 2:53 pm in reply to: Enfold – CSS & Javascript Merging and Compression not working #1328367Discovered this post when looking for a solution:
If you find that Script Merging wont work in your staging or development environment see the post linked below:
https://kriesi.at/support/topic/performance-compression-not-working/#post-1328360Old thread but came up when I encountered a similar problem.
When using a host with a staging or dev environment like WpEngine, Siteground or Flywheel etc. or any server where a .htaccess password has been set.
Enfolds script merge function cannot verify the creation of the merged files and produces an error code 21 in the database merge fields.The function should run correctly in live anyway
To resolve in staging environments – I assume for testing purposes – Remove the password temporarily and then turn script merging off and on again in the Enfold performance control panel and click save.
This will allow the process to verify the creation of the files and serve a merged script.
Live push – I would recommend disabling script merge and re-enabling it after going live because the process will need to run again in live anyway.
Hope this helps others.- This reply was modified 3 years ago by thinkjarvis. Reason: spelling mistake
Thanks Mike,
I’ll try changing the settings js was set to load in the footer on my test site.
is the issue that the script must run after the main js file has loaded or before? I may still be able to load scripts in the footer and add the code snippet but adjust the priority that they load. Like setting wp_head functions to -1 priority so they are loaded before other critical css generators.
October 30, 2021 at 4:13 pm in reply to: Error in Socket Menu Aria ARIA Accessability Issue #1327071Thanks Gunter,
It doesnt matter too much because there is no actual visible problem on the website – but under Web Vitals or Lighthouse testing it brings the accessibility score into orange from what was a 90 – 99 score.
I wasn’t sure if there was a problem or not as I saw a lot of changes in the 4.8.7 changelog relating to Aria.
I’ve rolled out 4.8.7 to all customer sites with no issues. It seems to have sped up most of the sites slightly in practice.
- This reply was modified 3 years ago by thinkjarvis.
October 29, 2021 at 10:10 am in reply to: Error in Socket Menu Aria ARIA Accessability Issue #1326954This error also applies to the main menu in the header when desktop tests are ran.
But only occurs in the socket during mobile testing.
Both need investigating if you can.
Thanks,
Tom
No problem Rikard,
Some basic instructions to compress fonts with Enfold:
You can use Font Forge to remove unused characters and save as WOFF2Font Forge is open source but they do ask for donations.
I have just reduced the size of the font that was causing the problems from 533kb down to 19kb so I may reinstate it providing it functions correctly.Download Fontforge
https://fontforge.org/en-US/Instructions for producing optimised WOFF2 fonts
https://www.grantojanen.com/videos/pg/optimize-fonts.htmlNote that if you are using a translation plugin or you require translations. Ideally the font needs to contain any symbols / characters required for those languages.
- This reply was modified 3 years, 1 month ago by thinkjarvis.
October 22, 2021 at 10:17 am in reply to: Logo image sizing issue after updating to 4.8.6.4 and 4.8.6.5 #1326015As long as none of the other bugs have negatively affected your site – Instead of rolling back, just add the following to quick CSS. Its quicker.
I have upgraded a few sites to 4.8.6.5 and have not noticed any problems other than this so it depends which Enfold functions you use.
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .logo a { height:90px !important; } } @media only screen and (max-width: 767px) { .responsive .logo a { height:80px !important; } }
Take a look at the release schedule. I dont think the team have plans for a 4.8.6.6.
Looks like we are going straight to 4.8.7
https://kriesi.at/support/topic/enfold-upcoming-fixes/There are a number of fixes being implelemented I assume that in the background the rest of the fixes and tweaks are almost complete – Hence no 4.8.6.6
I just hope that in the meantime people who have just purchased Enfold are not upset by the current bugs.
This project was a conversion from an existing DIVI website.
Feel Positive Coaching ran by Fay Petcher is a holistic divorce and relationship coaching service. Fay is also an established Podcaster, Author and EFT Practitioner helping couples and individuals cope with narcissistic abuse, relationship trauma and infidelity.
The site was rebuilt in Enfold for ongoing support and performance features.
As part of the process the site was turned into a multi-page website from a one page design. Large padding and margins help give the site a modern – easy to scroll feel.
The logo and colour scheme were revised and entered into the Enfold theme control panel.https://www.feelpositivecoaching.com/
The site scores 95/100 on mobiles in web vitals helping the site load quickly on all devices.
Performance stack:
Bespoke functions.php settings
WP-Optimize – Caching and HTML minification
EWWW WebP Conversion
Short Pixel thumbnail regenerator
Enfold Performance settings on
Bespoke .htaccess settingsLogo and Website designed by Think Jarvis Design and Marketing based in Swadlincote UK.
Another project to share with you.
https://www.mavericksecurityltd.co.uk/
Maverick Security Ltd
Maverick Security is a new startup Manned guarding (security guard) provider based in Derbyshire UK. They specialise in providing reliable security guards for business premises and events throughout the UK.
We were tasked with creating a simple recognisable logo that can be embroided and printed on clothing easily. The colour scheme was then transfered into Enfold for consistency.The site has some bespoke performance settings including font preload and serving a different background image depending on the screen size. The site currently scores between 95/100 and 97/100 depending on the test run.
Performance stack:
Bespoke functions.php settings
WP-Optimize – Caching and HTML minification
EWWW WebP Conversion
Short Pixel thumbnail regenerator
Enfold Performance settings onLogo and Website designed by Think Jarvis Design and Marketing based in Swadlincote UK.
I have updated this post to include newer performance figures – The cause and fix of the LCP score being high are here:
https://kriesi.at/support/topic/lcp-issue-and-font-file-sizes/
EDIT:
We had some issues getting Google to crawl the whole site (unrelated to rest of post). I have added links below to try and encourage Google to Index the entire site. I hope support do not mind! :) I will remove if it is successful.Maverick Security – Manned Guarding Services
Gatehouse Duty – Security Guards
Festival Stewards and Event Security Staff
Door Supervisors for Pubs and Nightclubs- This reply was modified 3 years ago by thinkjarvis. Reason: Would really help the client temporarily
October 7, 2021 at 3:24 pm in reply to: Logo image sizing issue after updating to 4.8.6.4 and 4.8.6.5 #1323935Hi Steve,
I was about to open a new thread about this.
When you set the header to a custom height since 4.8.6.4 it is no longer applying a fixed height on mobile devices below 989px wide.I.e. I have a couple of sites with a 160px header and I can confirm they are now 160px on mobile devices instead of 90px on tablets and 80px on mobiles.
Add the following to Quick CSS to restore the usual heights on mobiles. This is a temporary fix.
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .logo a { height:90px !important; } } @media only screen and (max-width: 767px) { .responsive .logo a { height:80px !important; } }
- This reply was modified 3 years, 1 month ago by thinkjarvis.
September 30, 2021 at 11:39 am in reply to: Google Analytics and Cookie Pop-up Bug (workaround) #1322958I’ve just tried it on a site I am working on at the moment.
Seems to have solved the problem.
Please can you add this to the next bug fix release?
- This reply was modified 3 years, 1 month ago by thinkjarvis.
@marcie73 @jay
There are multiple issues mentioned in your last posts and the solution will depend on your host and setup. It will be hard for the support team to advise further without looking at your actual setup in detail. Web vitals optimisation is bespoke and depends on any extra plugins and your server setup.
Without knowning your hosting setup it is difficult to advise on the best plugins to resolve the issue.
I tend to recommend Wp-Optimize as a free caching and html compression plugin. I let Enfold process the CSS and JS files from the performance panel. If you combine this with EWWW image compression plugin and Jetpack Boost. You have effectively added everything premium plugins can do without any extra costs.
Free critical CSS generator
Jetpack Boost includes a free critical CSS generator. This will remove the render blocking warning from Web Vitals but in most situations makes little difference to the performance scores. It can also cause some CLS issues because the CSS load order is altered by the inline critical CSS. So you will need to try it and see if it works for you without custom code in addition to the critical CSS.Please see below to give you a better understanding of how web vitals works.
Most of the time a perfect score is impossible. This is because of the way elements load on the page.
Enfold is capable of a 90+ score. This is without critical CSS and without a CDN.A CDN is only really needed if you have customers in multiple countries, or the actual server you have isnt very powerful so it uses the CDN to compensate for poor response times. Really, a CDN is designed to serve content from local servers to reduce server response times for global customers.
Critical CSS generators remove the render blocking warning and improve FCP and LCP in web vitals but can affect TBT scores negatively due to extra processing.
If you have added plugins that add extra front end elements then this will lower the performance score unless optimisation has been applied.
Hosting
The type of host you have will also depend on the plugins you need. If your host includes server side caching then you probably do not need a caching plugin at all. If your host has its own CDN like a dedicated wordpress host then this will also be cached serverside in most cases – So probably do not need a caching plugin.Enfold on its own includes its own script merge function and some extra features that optimise wordpress itself (all in the performance panel) so the only things missing from the performance stack are Caching, Critical CSS and CDN.
If your server is a apache linux server you will need to add Gzip compression and cache control headers to the .htaccess file to remove these warnings. Most optimisation plugins can do this with one click setup.
If you want to reduce the size of your images you can use EWWW plugin to convert them to WebP. HOWEVER if your CDN uses Polish like Cloud Flares premium system it can be set to automatically convert and compress images. So depends on your setup and if your CDN includes image compression.
CDN and Font serving
A host like WPEngine automatically replaces URLs with the CDN URL once it is set up correctly. This includes fonts loaded via html/head.If you added a third party CDN not provided by your web host – you will need to ensure that your DNS settings, any caching plugin and any CDN intergration plugin is configured properly to serve content via the CDN. So make sure you check the settings are correct.
Doing these last bits isn’t easy. You may find that removing the render blocking warning makes some of the other metrics worse.
I hope this helps!
- This reply was modified 3 years, 2 months ago by thinkjarvis.
THP Studio
As long as your site scores above 90 – Generally speaking the field data will show a pass in web vitals / page speed insights. But if it doesnt try adding WebP support to reduce the size of your images.
WARNING BACK UP YOUR WHOLE INSTALL and DATABASE BEFORE USING THIS PLUGIN. Or set it to skip compression of existing files and just generate WebP so your original images are not affected.
I now add EWWW WEBP plugin if required. It makes the TBT score get worse but helps improve the LCP score.
Use expert mode and exclude the following before running:
/wp-content/themes/YOUR CHILD THEME/
/wp-content/themes/enfold/
/wp-content/themes/
/wp-content/cache/
/wp-content/languages/
/wp-content/plugins/
/wp-content/upgrade/
/wp-content/uploads/avia_instagram_cache/
/wp-includes/
/wp-admin/Set the WebP Compression to 65/100
Turn on both JS method and Picture method. Then enable lazy load and SVG placeholders. Should help keep the LCP score consistent.Jetpack Boost for Critical CSS
You can also try adding JetPack Boost and using it to generate critical CSS. This is a free service from the creators of WordPress.September 13, 2021 at 10:38 am in reply to: Tweak: Change CSS load order so Post CSS is first #1320691Thank you both for your input.
Really pleased with the results. I will selectively use Critical CSS generation depending on the site design.CDN
I’ll be doing a trial of Cloudflare CDN with my servers at some point soon. I have a customer who operates in more than one country coming online in the next few months so they will have Cloudflare added to their site once it is finished.My web host offers Cloudflare with Railgun but it is on a per site basis – Effectively doubly my hosting charges to the customer if they want it. This is a limitation with my current hosting offering. So Cloud Flare FREE will be the starting point for now or Jetpack CDN.
I would say I have a ‘complete’ performance stack for Enfold now. Taken a few years to get there with each new version of Lighthouse adding complications. I doubt Google will make major changes to Web Vitals for V9 and V10 now that it is live as a search engine metric.
I’d like to do some work to help Market Enfold in the future. I did write a post about it a while back. So will be in touch once my workload quietens down.
I’ve got another 14 Enfold Sites in progress (reminds me I need to buy some more licenses….)
September 13, 2021 at 9:41 am in reply to: Tweak: Change CSS load order so Post CSS is first #1320668See private comments below – Not to give away trade secrets….
- This reply was modified 3 years, 2 months ago by thinkjarvis.
@PabloCirre
Nice job on the site.
I see you have put in a workaround to prevent the background image loading on mobiles until the user interacts with the page.
I’d be really interested in a conversation with you about this.The LCP score is the only part of Enfold that I have struggled to improve in Web Vitals. Currently between 0.1 and 2 seconds too high.
If you are able to share your solution in the forum and post a link here I’d really appreciate it.
Thanks,
Tom
-
AuthorPosts