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
- Viewport meta tag present and correct
- Core Web Vitals pass on mobile (LCP < 2.5s, INP < 200ms, CLS < 0.1)
- All touch targets at least 48x48px
- No horizontal scrolling on any page
- Text readable without zooming (16px+ font size)
- Images responsive with
max-width: 100% - Forms usable on mobile (proper input types, large fields)
- No intrusive interstitials
- Same content visible on mobile as desktop
- 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