any advice is welcome. my site is https://www.fufuda.online/.
the LCP at mobile is 4.6 s. it is 4.8s at desktop.
There’s no simple answer to improving your LCP time because the issue can arise from a variety of factors. It’s important to first diagnose the specific cause on your site. Common issues include unoptimized images, render-blocking resources, and inefficient CSS or JavaScript.
You can leverage tools like https://pagespeed.web.dev/ that will give you a detailed report on what exactly is causing the page to load slower.
ı open your page about 0.4 minute .your page so fast i think
Hey there! Improving speed can be a pain, but you’re not alone—it’s a common challenge for many merchants now a days. I’d start by compressing images, as that alone can make a huge difference. Also, try limiting the number of apps on your site; each one can slow things down. Lastly, test your website on pagespeed.web.dev to underlining issues.
I tested your homepage https://pagespeed.web.dev/analysis/https-www-fufuda-online/qn2dzuauyo?form_factor=mobile and I see the mobile scores are worst.
If you take a closer look at the issues, you will find LCP is impacted because of the homepage banner image which requires some parameters update to change its priority to load first then last with some additional improvements.
Similarly you will find many other metrics specific errors which you need to get manually fixed by a developer.
After appying these changes on the website, check your site’s performance again to check the impact on Google’s Core Web Vitals like LCP, CLS, etc… and get more actionable suggestions.
As an alternative to manual optimizations, you can explore Website Speedy—our speed optimization Wix App that handles performance enhancements automatically. It comes with a 14-day free trial, making it easy to test and implement optimizations. You can install it here: https://www.wix.com/app-market/websitespeedy
(Disclaimer: We are the developers of Website Speedy and are happy to answer any questions you may have.)
no thanks ı made my own website boster with css and velo
Hi,
It’s awesome to hear that you’ve built your own website booster using CSS and Velo! It sounds like you’ve invested a lot of time and effort into customizing your site to meet your specific needs.
I took a look at your homepage and ran a test through Google PageSpeed Insights (you can check it here: https://pagespeed.web.dev/analysis/https-www-fufuda-online/7iezad5npv?form_factor=mobile) and noticed that your mobile LCP (Largest Contentful Paint) score is higher than ideal, sitting at 21.3 seconds. This indicates that your homepage is taking too long to load on mobile devices.
After digging a bit deeper, it looks like the home page gallery image is the culprit behind the high LCP. To improve this, you’ll need to adjust the loading priority for this image so that it loads first.
Here are some ways to optimize your site further:
1. Optimize CSS
- Minify CSS: Minifying your CSS helps reduce its file size by removing unnecessary spaces, comments, and line breaks. You can use online tools to minify your CSS and improve load times.
- Remove Unused CSS: Identify any unused CSS rules and remove them. You clean up unnecessary CSS, making your site lighter and faster.
2. Optimize Velo Code (JavaScript)
- Minify JavaScript: While Wix automatically minifies the core JavaScript, it’s important to also ensure that any custom JavaScript code is minified. Reducing the size of your JS files will help improve load times.
- Lazy Loading for Velo: For heavy or non-essential JavaScript libraries, enable lazy loading to ensure they load only when necessary. This prevents blocking the initial page rendering and improves overall performance.
By applying these strategies, you’ll significantly reduce load times, enhance your site’s performance, and provide a much smoother experience for your visitors. Keep an eye on your site’s performance regularly, and make optimizations as needed to stay ahead.