LCP, CLS errors, unstable layout, layout shift

Hi @Malvine,

We hope this message finds you well.

To address this issue, we kindly request that you temporarily disable all third-party plugins on your website, with the exception of those that are Theme Required/Recommended, as detailed here: [https://www.8theme.com/documentation/xstore/plugins/included-plugins/](https://www.8theme.com/documentation/xstore/plugins/included-plugins/). After doing so, please clear your browser cache and check your site again. This step is to determine if there is a conflict caused by any additional third-party plugins.

Should this resolve the issue, you will then need to reactivate each third-party plugin individually to identify which one is causing the conflict. Once identified, we recommend contacting the Plugin Author for further assistance.

If the problem persists, please keep all third-party plugins deactivated and grant us permission to conduct a thorough investigation on your site. This may include deactivating all third-party plugins and any on-site customizations.

Please note: It is imperative that you create a complete backup of your website before proceeding with the aforementioned steps, as they may impact your site’s functionality.

We appreciate your cooperation and look forward to resolving this matter promptly.

Yours sincerely,
The 8Themes Team.

Dear Malvine,

We hope this message finds you well.

We’re writing to bring to your attention an issue that has been identified with the loading time of your website’s homepage. Upon analysis, it appears that the primary contributing factor is the size of a particular image, which can be viewed here:

https://prnt.sc/vf6jmySJv7eU

Our team has conducted tests using both GTMetrix and Google PageSpeed, which have confirmed the impact of this image on your site’s performance. The results of these tests can be reviewed at the following links:

– GTMetrix Report: https://gtmetrix.com/reports/ecohealthlab.com/itxPry1G/
– Google PageSpeed Analysis: https://pagespeed.web.dev/analysis/https-ecohealthlab-com/bns33j9lwn?hl=en&form_factor=desktop

To enhance your website’s loading speed, we recommend the following actions:

1. Replace the aforementioned image with a smaller, more optimized version to reduce its impact on loading times.
2. Remove any unnecessary plugins that are currently active on your website, as they may be contributing to slower performance.
3. Disable the lazy load feature of the Smush plugin and consider enabling the Lazyload Images/Videos feature of the WP-Rocket plugin instead.

Implementing these changes should result in a noticeable improvement in your website’s loading efficiency.

We appreciate your attention to this matter and are here to assist you with any further questions or concerns you may have.

Best regards,
The 8Theme Team

Dear Malvine,

We have conducted a thorough review of the issues you reported but were unable to replicate them on our end: https://www.awesomescreenshot.com/video/25498159?key=32edf77e34f25bda25d98099dbcced86

It has come to our attention that the WP-Rocket plugin, which you are currently utilizing, may occasionally cause disruptions to your website during the cache reloading process, particularly when coinciding with Google Webmaster Tools’ crawling activities.

To facilitate a more accurate diagnosis, we kindly request that you temporarily deactivate the WP-Rocket cache plugin. Following this, please proceed to Google Webmaster Tools to perform another assessment.

Should you require any further assistance or have additional questions, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

Dear Malvine,

We hope this message finds you well.

To address the issue of the missing width and height attributes for the logo on your website, we kindly ask that you insert the following code snippet into the functions.php file located within your child theme directory:

function etheme_logo( $logo = 'logo', $echo = true ) {

    global $panel_filters;

    $logoimg = ( $logo == 'fixed' && etheme_get_option( 'logo-fixed' ) != '' ) ? etheme_get_option( 'logo-fixed' ) : etheme_get_option( 'logo' ) ;

    $logoimg = etheme_get_logo_data($logo);

    $logoimg_url = $logoimg['url'];

    $logoimg_alt = $logoimg['alt'];

    $logoimg_url = apply_filters('etheme_logo_src',$logoimg_url);

    if($panel_filters) {

        $logoimg_url = apply_filters('logo_panel_filters',$logoimg_url);

    }

    $custom_logo = etheme_get_custom_field('custom_logo', et_get_page_id());

    if($custom_logo != '') {

       $logoimg_url = $custom_logo;

    }

    if ( !$echo ) return '<a href="' . home_url() . '"><img src="' . esc_url($logoimg_url) . '" alt="' . esc_attr($logoimg_alt) . '" /></a>';

    echo '<a href="' . home_url() . '"><img width="300px" height="55px" src="' . esc_url($logoimg_url) . '" alt="' . esc_attr($logoimg_alt) . '" /></a>';

    ?>

<?php }

Regarding the layout shift issue, please note that this pertains to the optimization aspect and falls outside our standard support parameters. Consequently, we are unable to guarantee an improved Google PageSpeed score.

Nevertheless, our team of expert developers is available to offer a customized solution tailored to your specific needs. Should you wish to explore this option, we invite you to submit a request for customization services. Upon receipt of your request, we will provide you with a comprehensive estimate of the associated costs. You can submit your request via the following link: [8Theme’s Customization Services](https://www.8theme.com/account/#etheme_customization_panel).

We appreciate your understanding and look forward to assisting you further.

Best regards,
The 8Theme Team

Hi @Malvine,

We can’t preproduct the shifting layout issue on our end.

Please record a video of the problem for a better understanding. Upload it on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.

Should you require any additional assistance or have further inquiries, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

Dear Malvine,

We hope this message finds you well.

We’re writing to inform you that the issue pertaining to significant layout shifts, which was previously identified, has been traced back to the WP-Rocket plugin. Specifically, the feature that removes unused CSS had inadvertently eliminated the necessary styling for the product gallery, resulting in a malfunction during page loading.

To address this, we have taken corrective action by adding the relevant CSS selectors to the SafeList. I am pleased to report that this has resolved the problem, and the gallery should now function correctly. You can view the corrected gallery via the following link:

https://prnt.sc/hSAXouaFFvtF

May we kindly ask you to review the gallery at your earliest convenience and confirm that everything is now in order?

Furthermore, we would like to gently remind you that any issues arising from third-party plugins fall outside the scope of our support services. Should you encounter any further difficulties with such plugins, it is advisable to reach out directly to the respective plugin authors for assistance.

Thank you for your attention to this matter. We appreciate your understanding and cooperation.

Best regards,
The 8Theme Team

Dear Malvine,

We regret to inform you that the matter you are experiencing is associated with the ‘Remove Unused CSS’ feature of the WP-Rocket plugin.

Any issues arising from third-party plugins fall outside the scope of our support services. Should you encounter any further difficulties with such plugins, it is advisable to reach out directly to the respective plugin authors for assistance.

Thank you for your attention to this matter. We appreciate your understanding and cooperation.

Best regards,
The 8Theme Team

Dear @Malvine,

We hope this message finds you well.

Please keep us informed on the progress of the matter at hand.

Kind regards,
The 8Theme Team

Dear Malvine,

We hope this message finds you well. We would like to recommend that you consider using the Imagify plugin for your image optimization needs. It is a robust solution, although please note that it is a paid service.

For more information, you can visit their website: [https://imagify.io/](https://imagify.io/)

Best regards,
The 8Theme Team

Hi @Malvine,

Please try adding this custom CSS under Theme Options > Theme Custom CSS:

.sxy-zoom-bg {
     visibility: visible;
}

Hope it helps!

Hi @Malvine,

Glad we’re able to help!

Best Regards,
The 8Theme Team