Skip to main content
F
Foglift

Mobile & Performance

Mobile-Friendly Test: Is Your Website Ready for Mobile-First Indexing?

March 14, 2026 · 8 min read

Over 60% of all web traffic now comes from mobile devices. Google switched to mobile-first indexing — meaning they crawl and rank the mobile version of your site, not the desktop version. If your website isn't mobile-friendly, you're losing both visitors and search rankings.

Test your website for free with Foglift — we check mobile-friendliness along with SEO, performance, security, and accessibility in one scan.

What Google's Mobile-First Indexing Means

Since 2019, Google has used mobile-first indexing for all websites. This means:

  • Google's crawler visits the mobile version of your site first
  • If content is only visible on desktop, Google may not index it
  • Mobile page speed directly impacts your rankings
  • Mobile usability issues can tank your position in search results

In other words: your mobile site IS your site as far as Google is concerned.

How to Test if Your Website is Mobile-Friendly

1. Check the Viewport Meta Tag

The single most important element for mobile responsiveness is the viewport meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1">

Without this tag, mobile browsers will render your site at desktop width and shrink it to fit the screen — making text unreadable and buttons untappable. Foglift's free scan checks for this automatically.

2. Test Core Web Vitals on Mobile

Google measures three Core Web Vitals specifically on mobile:

  • LCP (Largest Contentful Paint): Should be under 2.5 seconds. On mobile, this is often the hero image or above-the-fold content.
  • INP (Interaction to Next Paint): Should be under 200ms. Mobile devices have less processing power, so JavaScript-heavy pages perform worse.
  • CLS (Cumulative Layout Shift): Should be under 0.1. Images without dimensions and ads that load late are the biggest culprits on mobile.

3. Check Touch Target Sizes

Buttons and links should be at least 48x48 pixels with adequate spacing. Fingers are bigger than mouse cursors — if users can't tap your buttons easily, they'll leave. Common violations:

  • Small text links in navigation
  • Social media icons that are too small
  • Close buttons on popups
  • Links too close together in footer

4. Verify No Horizontal Scrolling

If any element extends beyond the viewport width, users get a horizontal scrollbar — a dead giveaway that your site isn't mobile-optimized. Common causes:

  • Fixed-width tables
  • Images without max-width: 100%
  • Inline code blocks with long lines
  • Absolute positioning without media queries

5. Test Text Readability

Text should be readable without zooming. Best practices:

  • Minimum 16px font size for body text
  • Line height of at least 1.5
  • Sufficient color contrast (4.5:1 ratio minimum)
  • No text on busy background images

Common Mobile-Friendliness Problems

Slow Mobile Load Times

Mobile connections are slower than desktop. Optimize by:

  • Compressing images (use WebP, target under 100KB each)
  • Lazy loading below-the-fold images
  • Minimizing JavaScript (code splitting, tree shaking)
  • Using a CDN for static assets
  • Enabling Gzip/Brotli compression

Content Hidden on Mobile

If you hide content on mobile using CSS (display: none on mobile), Google may not index it. With mobile-first indexing, hidden content effectively doesn't exist. Solutions:

  • Use collapsible sections instead of hiding content
  • Show all important content on mobile, even if reformatted
  • If content is desktop-only, it won't be indexed

Intrusive Interstitials

Google penalizes pages with intrusive interstitials (popups) on mobile. Avoid:

  • Full-screen popups that appear immediately on load
  • Interstitials that require dismissal before viewing content
  • Standalone interstitials that the user must dismiss before accessing the page

Exceptions: age verification, cookie consent, and login dialogs are fine.

Mobile-Friendly Checklist

  1. Viewport meta tag present and correct
  2. Core Web Vitals pass on mobile (LCP < 2.5s, INP < 200ms, CLS < 0.1)
  3. All touch targets at least 48x48px
  4. No horizontal scrolling on any page
  5. Text readable without zooming (16px+ font size)
  6. Images responsive with max-width: 100%
  7. Forms usable on mobile (proper input types, large fields)
  8. No intrusive interstitials
  9. Same content visible on mobile as desktop
  10. Navigation works with touch (hamburger menu, swipe gestures)

Test Your Site Now

Foglift checks mobile-friendliness as part of our comprehensive website audit. We analyze your viewport tag, Core Web Vitals, accessibility (including touch targets and contrast), and more — all in one scan.

  • Free scan: Overall mobile-friendliness score + top issues
  • Deep Scan ($9): Full mobile audit with AI action plan
  • Pro ($49/mo): Weekly mobile monitoring with email alerts

Is your website mobile-friendly?

Find out in 30 seconds. Free scan, no signup required.

Test My Website

Free tool

Check your website's SEO + GEO score

Scan any URL in 30 seconds. See scores for SEO, AI search readiness, performance, security, and accessibility.

Scan Your Site Free

No signup. 5 free scans/day. Results in 30 seconds.