Technical issue

Hey Benoit Roussialz,

Thank you for the inquiry.

Where can we view the site? Please share the site URL in a private field. Have you tried to run tests using Google PageSpeed Insights or GTmetrix?

Best regards,
Ismael

Hi,

Thank you for the update.

We ran a test using PageSpeed Insights and compiled a list of possible solutions based on the tool’s recommendations:

1. Minimize main-thread work:
— Solution: Improve code to reduce JavaScript time and avoid long tasks.
— Example: Go to the Enfold > Performance panel and set the JS/CSS File Merging And Compression settings to the third option (Use minified theme files without merging). This should split the code and load necessary CSS/JavaScript for each page, and lazy load non-essential resources.

2. Optimize Largest Contentful Paint:
— Solution: Identify and optimize the largest content for faster loading.
— Example: Resize and format large images, and consider lazy loading to delay loading until they’re visible.

3. Reduce JavaScript time:
— Solution: Minimize and optimize JavaScript code for faster execution.
— Example: Refer to number 1

4. Lazy load third-party resources:
— Solution: Load non-essential third-party resources asynchronously.
— Example: Delay loading social media widgets or analytics scripts until after the main content is displayed using LazyLoad or Intersection Observer API.

5. Improve server response time:
— Solution: Optimize server configurations and utilize caching mechanisms.
— Example: Configure server settings to reduce response time and utilize caching to serve content more efficiently.

6. Defer render-blocking resources:
— Solution: Defer or asynchronously load resources that block rendering.
— Example: Use “defer” attribute for JavaScript or inline critical CSS to prevent render-blocking and improve page load speed.

7. Minimize third-party code impact:
— Solution: Load third-party scripts asynchronously to prevent main thread blocking.
— Example: Load third-party scripts asynchronously or in iframes to minimize their impact on main thread performance.

8. Reduce excessive DOM elements:
— Solution: Simplify HTML structure and dynamically load content as needed.
— Example: Avoid unnecessary nesting and dynamically load content to reduce the number of DOM elements and improve performance.

9. Lazy load offscreen images:
— Solution: Defer loading of images outside viewport.
— Example: Use “loading” attribute set to “lazy” or JavaScript-based lazy loading libraries to defer loading of offscreen images until they are needed. WordPress automatically add these attributes for images, but you can also install a lazy load plugin if necessary.

10. Optimize JavaScript usage:
— Solution: Remove or optimize unused JavaScript code.
— Example: Use code analysis tools to eliminate dead code paths and consider lazy loading or code splitting to optimize JavaScript usage.

12. Optimize image sizes:
— Solution: Resize and compress images to reduce file size.
— Example: Use image optimization tools to compress images without sacrificing quality and specify image dimensions in HTML or CSS.

13. Serve modern JavaScript:
— Solution: Serve optimized JavaScript based on browser compatibility.
— Example: Use feature detection to serve polyfills or fallbacks only to browsers that require them, and utilize modern JavaScript features for better performance.

For more info about site optimization, please check the articles below:

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.html

Best regards,
Ismael