I’m really struggling with my girlfriend’s website’s mobile performance and could use some help. On the first load in a browser, it’s taking anywhere from 7-10 seconds to load up, which feels like forever.
Checking the pagespeed, one big issue seems to be tied to this element: <div class=”elementor-heading-title elementor-size-default”>, which has a Largest Contentful Paint (LCP) of 8,080 ms.
[https://prnt.sc/mu\_j3KSFSWUB](https://prnt.sc/mu_j3KSFSWUB) [https://prnt.sc/5vh7YLWP1ntR](https://prnt.sc/5vh7YLWP1ntR)A bit about my setup: I’m using Elementor Pro and WP Rocket, hosted on Cloudways. I’m new to WordPress and might be missing something obvious.
This situation is pretty critical as it’s affecting user experience. Happy to pay someone to look at my setup as well.
Thanks!
[ad_2]
Just resize and compress images
Check server response time
Optimize your server configuration and hosting environment.
Use caching mechanisms e.g object caching, page caching) to reduce server response time.
Eliminate Render-Blocking Resources,
such as HTML, CSS, and JavaScript files) delay content rendering. Optimize these resources:
Minify CSS and JavaScript files.
Load critical CSS inline.
Use asynchronous loading for non-critical scripts.
Your gf site is probably taking alot of time to load as the largest lcp load should be 2.5 sec at most