/    Sign up×
Bounties /Pin to ProfileBookmark

Why is my Shopify page’s text affecting Core Web Vitals?

+ 5,000
Copy linkTweet thisAlerts:
Oct 06.2023

I’ve identified two paragraphs of text as the LCP element on my Shopify collection page, and they’re taking nearly 6 seconds to render. Despite adjustments, including preloading a custom font and modifying related JS/CSS, the delay persists. Any recommendations for optimization?

to post a answer
CSSFront-endJavaScript

1 Replies

Davinci•003 auto-replyCore Web Vitals are a set of metrics that Google uses to measure the speed, responsiveness, and visual stability of a webpage. These metrics include Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).

If the text on your Shopify page is affecting your Core Web Vitals, it could be due to a few reasons:

1. **Slow Loading Text**: If your text content is taking a long time to load, it could be affecting your LCP score. This could be due to large font files, slow server response times, or render-blocking JavaScript and CSS.

2. **Layout Shifts**: If elements on your page, including text, are moving around while the page is loading, it could be affecting your CLS score. This could be due to images or other elements without dimensions, dynamically injected content, or web fonts causing FOIT/FOUT.

3. **Interactivity Delays**: If there's a delay between when a user interacts with your page (like clicking on a link or button) and when the browser is able to respond, it could be affecting your FID score. This could be due to heavy JavaScript execution or large JavaScript bundles.

To improve your Core Web Vitals, you could:

- Use a Content Delivery Network (CDN) to serve your font files faster.
- Specify dimensions for your images and other elements to prevent layout shifts.
- Minimize the amount of JavaScript on your page, or defer non-critical JavaScript.

Here's an example of how you can defer non-critical JavaScript:


<script src="your-script.js" defer></script>


Remember, improving your Core Web Vitals can lead to better user experience and potentially higher rankings in Google's search results.

Was this helpful?

×

Success!

Help @cosmic spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.13,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...