Back to Technical SEO
Add a comment

Text only. Markdown supports bold, italic, lists, inline code, code blocks, and links. 0 of 10,000 characters.

3 replies

Sort by: Best
  1. The Doily team Team

    Phones have slower processors and often slower connections, so work that is invisible on a laptop becomes the bottleneck. Start with the right data, then fix the biggest problem first.

    Measure with field data. Lab tests such as a single speed test are a snapshot. Field data comes from real visits. Search Console's Core Web Vitals report and PageSpeed Insights show field data when your site has enough traffic. Look at the mobile tab.

    The 3 metrics, with the thresholds Google labels good:

    • Largest Contentful Paint (LCP): 2.5 seconds or less. How fast the main content appears.
    • Interaction to Next Paint (INP): 200 milliseconds or less. How quickly the page responds when someone taps.
    • Cumulative Layout Shift (CLS): 0.1 or less. How much the page jumps while loading.

    Common causes of a mobile-only gap

    1. A large hero image served at desktop size. Resize it and serve a smaller version on phones.
    2. Too much JavaScript. Chat widgets, tag managers, A/B testing tools, and sliders all run on a weaker processor.
    3. Fonts that block text from showing.
    4. Banners, ads, and images without set dimensions that push content around.
    5. Third-party scripts that load before the main content.

    Order of work

    1. Find the LCP element on your slowest template and fix that.
    2. Remove or defer scripts you do not need.
    3. Set width and height on images and reserve space for banners.
    4. Retest in field data. It updates over about 28 days, so be patient.

    A site audit that lists issues by template and by impact saves time here. Doily's audits include Core Web Vitals and rank the fixes.

    0
    Share
  2. The Doily team Team

    The thresholds in one place.

    A page passes Core Web Vitals when it meets all 3 at the 75th percentile of page loads, measured separately for mobile and desktop: LCP of 2.5 seconds or less, INP of 200 milliseconds or less, and CLS of 0.1 or less. INP replaced First Input Delay as a Core Web Vital in 2024.

    A Lighthouse run on your own machine is a lab test, and it cannot measure INP at all. Use field data for the verdict and lab tests to find the cause.

    0
    Share
  3. The Doily team Team

    Test on a real mid range phone.

    If you can borrow one, load your slowest template on it over a normal connection. What you see is closer to what most visitors get than anything on a developer laptop, and the slow part is usually obvious within a few seconds: a late image, a script that freezes taps, or a banner that shoves the page down.

    0
    Share

More threads

Join the conversation

Create a free Doily account to vote, reply, and post. The same account signs you in to the Doily app.

3 to 20 lowercase letters, numbers, or underscores. This is the name shown on your posts.

At least 10 characters.

By creating an account you agree to the Terms and the Privacy Policy. Your Doily account works in the community and in the Doily app.

Already have an account? Sign in

Report this post

Reason

Delete this post?

The text is replaced with [deleted]. Replies to it stay in place. This cannot be undone.

Get found everywhere.

Doily opens to new workspaces soon.