Website Homepage

Our website is experiencing issues; loading times are very slow. Could you please optimize this theme for me?

Attachments:

You must be logged in to view attached files.

Hi there,

Please add the following CSS in the Desktop Custom CSS section of your theme settings:

.wd-single-gallery {
  display: flex;
  justify-content: center;
}
.wd-single-gallery .woocommerce-product-gallery {
  width: 63vh;
}

Let us know once it’s added.

Kind regards,
XTemos Studio

Added

Hi there,

Sorry for the confusion earlier — the code shared before was posted by mistake. Please update the WoodMart theme to the latest version 8.5.2. Once you’ve updated, let us know here and we’ll do a quick check and share our recommendations.

Kind regards,
XTemos Studio

I’ve already updated the theme, but it still hasn’t improved the loading speed. What should I do?

Please take a look.

Attachments:

You must be logged in to view attached files.

Should these features be disabled on the homepage? Where can I disable them? They’re affecting my loading speed.

Attachments:

You must be logged in to view attached files.

Hello,

We have analyzed your website, and here are our recommendations.

WoodMart Settings

1. Enable the “Disable default Gutenberg blocks styles” option: This will remove redundant CSS that you are not using.

2. Enable the “Remove jQuery Migrate” option: We noticed that this file is not being utilized on your site.

3. Font settings: We recommend applying the following configuration: https://take.ms/WR3n8. Please note that you also have the local fonts option enabled in the Breeze plugin, which needs to be disabled there.

4. Enable the “Use simplified WPBakery styles” option: This will remove a large amount of unused CSS generated by the WPBakery plugin.

5. Enable the “Preload LCP Image” option.

6. Enable the “Mobile DOM optimization” option: However, this should only be done if you also enable the “Mobile Cache” option in the Breeze plugin.

Breeze Plugin Settings

1. Breeze Cache Plugin Issues: In some cases, the Breeze cache plugin behaves unexpectedly. For instance, when the Lazy Load Images option is enabled, all resources used on your site shift their priority status to “High” (https://take.ms/RqH71). This should not happen, and it causes issues with FCP (First Contentful Paint). Here is an example of how it should properly look: https://take.ms/IkJN6. As an alternative, we usually recommend the WP Rocket plugin.

Note: We also noticed that Lazy Load was simultaneously active via both our theme and the Breeze plugin. We highly advise against running both. For now, we have disabled the Lazy Load Images option in both the Breeze plugin and WoodMart settings on your website.

2. CSS Minify & Combine CSS: We do not recommend enabling these. All our files are already minified. The bigger issue lies within the Combine CSS option, which merges all CSS into a single file, negatively impacting FCP. In the WoodMart theme, we implement a much better approach: some files are inline in HTML, some are loaded directly by the core element where they are used, and the rest are loaded in the footer. This effectively resolves CSS-related FCP issues.

3. Deferred Loading for JS: The Breeze plugin lacks an option for the Deferred Loading of all JS files, which is a critical feature for improving FCP. While they allow adding files individually, doing so will almost certainly cause errors. We need to find an alternative solution to implement Deferred Loading for all JS files.

General Recommendations for Improving FCP

1. Review Review Plugin: We noticed that you are using a review plugin that loads a lot of CSS right at the top of the page. It would be beneficial to move this file to the footer: https://monosnap.ai/direct/ZcAMgh143dUck16HOQ4lNvtmTPtJHA

2. Optimize Icons: The CSS files monosocialiconsfont.min.css, v4-shims.min.css, css/all.min.css, and the associated web font are being loaded just to display a few icons on your website. We highly recommend replacing these icons with SVG format and removing these heavy files entirely: https://take.ms/GvK1k

General Recommendations for Improving LCP

1. Optimize LCP Image Size: The main image affecting your LCP (Largest Contentful Paint) is too large in file size (https://take.ms/ns3RR). Our recommendation is to keep it under 70 KB for mobile and under 120 KB for desktop. These are maximum thresholds; smaller is always better.

2. Implement Preload LCP Image: Once you have reduced the image size, please use the Preload LCP Image option. You can find the documentation here: https://xtemos.com/docs-topic/explanation-of-preload-lcp-image-option/. This is an additional tool that preloads the LCP image to ensure it renders much faster.

Kind Regards

Can I simply uninstall the Breeze plugin?

I couldn’t find the WP Rocket plugin. Could you please give me the full name?

Hello, I’m a beginner. Besides downloading the WP Rocket plugin, could you help me with the setup? I just set it up, and it seems to have slowed down again.

– Yes, you can simply uninstall the Breeze plugin.
– The plugin you’re looking for is “WP Rocket,” and you can purchase it here: https://wp-rocket.me/

Once WP Rocket is installed and activated, let us know here and we’ll help you configure it. If you already have it installed, just confirm and we’ll share the settings to use.

How do I optimize the comment plugin?

Are you referring to this icon? But I want it to have a sliding feature; if I change it, will it have a huad icon?

Attachments:

You must be logged in to view attached files.

We’ve fixed the icon issue on your site. It wasn’t related to your own icons, and this change doesn’t affect your existing icons or the sliding feature. We’ll include this fix in the next WoodMart update.

Regarding the comment plugin: for its styles/optimization, please contact the plugin’s support team. They will provide the correct guidance for that plugin.

[Author]

Posts