I just want to share that a perfect score web core vitals is possible with Shopify websites.
Topic summary
Claim that achieving a perfect Web Core Vitals score on Shopify is possible, backed by a YouTube demo. However, the mobile view sparked debate: a shared screenshot and statement argued Shopify can’t reach a perfect mobile performance score.
Requests focused on proof and method, with questions about where the “100” score appears and a call to explain the strategy. A set of practical optimizations was provided:
- Use WebP or JPG instead of PNG; prefer SVG when smaller.
- Minimize code duplication.
- Replace JavaScript with CSS where feasible.
- Use semantic HTML.
- Serve small, yet visually adequate images.
- Reduce videos without losing messaging.
- Lazy load images above the fold.
Tools and feedback noted: Lighthouse audits identify issues to fix; browser DevTools “confetti” indicates success.
Media is central: a video link shows the approach; a mobile screenshot illustrates the limitation.
Status: No clear resolution. Practical tips were shared, but whether a perfect mobile score is truly achievable on Shopify remains contested and unanswered.
@made4Uo can you switch it to mobile view 
This is my mobile view. Shopify websites are not made for mobile, you cannot achieve a perfect score with performance.
1 Like
can you explain your strategy to do that ?
@made4Uo where is 100 
- Use webp or jpg images instead of png.
- SVG instead of images, make sure to compare the file size.
- Minimize code duplication.
- Minimize javascript if can be done with CSS.
- Use semantic html.
- Make sure to pull small size images but have to be big enough to look good
- Cut some videos but not so much so it still conveys the message
- Lazy load your images that are above the fold.
The lighthouse tells you what’s the problem. Search the problem online if it is so technical then fix the issue.
Definitely, the confetti in your devtool is so rewarding when you achieve it 
1 Like