FID score (Core web values)

Support
#1

Since upgrading to my theme to pro 6.2.6 and have since upgraded to 6.2.9 my FID score has gone way up around 325ms. I can’t seem to figure out why except for this upgrade and wondering since everything is within xtheme if you have had any reports of this and if it’s a theme issue. I’ll include a link in the secure note - but anything to help me narrow it down would be awesome.

Thanks

#2

Hey @fxground,

Thanks for reaching out!

Upon checking your website the FID is just low and I suspect that this could be a cache issue problem. I highly suggest that you clear any cache associated with your website.
Please see the image screenshot in the secure note.

Hope that helps.

#3

Hello,

Thanks for the quick reply. The mobile version is effected and not the desktop which you had shown me. If you select mobile instead of desktop you’ll see what I mean… I have cleared my cache but I don’t think this is a caching issue. The FID measures the response to the next paint which is only triggered after a user does an action likes clicks on the accordion tab and it shows new content and measures that time. FID is measured after the page is loaded so for those reasons I’m not sure how it’s a cache issue. I have cleared my cache but wasn’t sure if you had any other ideas?

#4

Hey @fxground,

Fixing FID (First Input Delay) on a mobile device typically involves optimizing the performance and responsiveness of your mobile website. FID measures the time it takes for a user’s first interaction, such as clicking a button or tapping on a screen, to produce a response. Here are some steps you can take to improve FID on mobile:

  • Minimize JavaScript Execution: Excessive JavaScript execution can cause delays in responsiveness. Optimize and minimize your JavaScript code by eliminating unnecessary scripts and reducing their size. Consider using code minification and compression techniques to make your JavaScript files smaller.
  • Optimize CSS: Similar to JavaScript, bloated or poorly optimized CSS can slow down your website. Reduce the file size of your CSS by removing unused styles, combining multiple style sheets into one, and minifying the code.
  • Use Asynchronous Loading: Load non-critical JavaScript asynchronously to prevent blocking the rendering of the page. This allows the page to continue loading while the scripts are being fetched and executed in the background.
  • Lazy Loading: Implement lazy loading for images and other non-critical resources. Lazy loading defers the loading of offscreen images until the user scrolls near them, reducing the initial page load time.
  • Reduce Server Response Time: Optimize your server and backend code to minimize the time it takes to respond to requests. This can involve various techniques such as caching, using content delivery networks (CDNs), and employing efficient server-side code.
  • Optimize Network Requests: Reduce the number of network requests made by your application. Combine multiple requests into one whenever possible, use resource bundling techniques, and leverage caching mechanisms to avoid redundant requests.
  • Optimize Rendering: Ensure that your application renders quickly and efficiently. Optimize the critical rendering path by minimizing render-blocking resources, prioritizing above-the-fold content, and utilizing techniques like preloading and prefetching.
  • Test on Real Devices: FID can vary across different devices and network conditions. Test your website or application on various mobile devices and networks to identify any performance bottlenecks specific to mobile platforms.
  • Monitor Performance: Continuously monitor the performance of your mobile site or app using tools like Google PageSpeed Insights, Lighthouse, or WebPageTest. These tools can provide insights into specific performance metrics and suggest optimizations.

By following these steps, you can improve the FID on your mobile website, leading to a better user experience and increased user engagement.

Please do note that this issue is outside the scope of our theme support. I just give you some idea on how you can fix the FID on mobile.

Hope that helps.

#5

Hello,

yeah I understand that and will go over the list (thanks) but its just odd this just started once I did the upgrade?

is there a way to have a modal with a “thinking” icon while it loads the new content (via the elemnts’ gui?)

#6

Hey @fxground,

I’ll add this in our tracker so that our developer will take a look on this one but in the meantime, please try my suggestion above.

Thank you.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.