TL;DR: W 2026 roku 75% użytkowników w Polsce wchodzi na strony przez telefon. Mobile-first nie jest opcją — to wymóg. Twoja strona powinna: ładować się w 1-2 s, mieć czytelne teksty bez zoomu, klikalne przyciski minimum 44×44px, responsywne obrazy i poprawne Core Web Vitals. Sprawdź przez Google Mobile-Friendly Test.
Co to znaczy mobile-first w 2026?
Mobile-first oznacza projektowanie strony najpierw pod telefon, a dopiero potem skalowanie do większych ekranów (tablet, laptop, monitor). To filozofia "telefon jest domyślny, desktop to bonus". W 2026 roku Google indeksuje strony tylko w wersji mobilnej (Mobile-First Indexing) — co widzi Googlebot-Mobile decyduje o Twojej pozycji w wyszukiwarce.
Jak sprawdzić czy Twoja strona jest mobile-first?
Sprawdź swoją stronę w 3 krokach: (1) Google Mobile-Friendly Test (search.google.com/test/mobile-friendly), (2) Google PageSpeed Insights (pagespeed.web.dev) w widoku Mobile, (3) otwórz ją na realnym telefonie i spróbuj wszystkie funkcje. Jeśli którykolwiek z tych testów pokaże problemy — masz problem.
Checklist mobile-first — 12 kryteriów
| Kryterium | Target 2026 |
|---|---|
| Czas ładowania (4G) | poniżej 2 s |
| Google Mobile-Friendly Test | PASS |
| Viewport meta tag | obecny |
| Rozmiar tekstu body | minimum 16px |
| Klikalne przyciski | minimum 44×44px |
| Odstęp między linkami | minimum 8px |
| Obrazy responsywne | srcset + sizes |
| Brak horizontal scroll | zawsze |
| Menu hamburger | jeśli więcej niż 4 linki |
| Largest Contentful Paint | poniżej 2.5 s |
| Cumulative Layout Shift | poniżej 0.1 |
| Interaction to Next Paint | poniżej 200 ms |
Co najczęściej psuje mobile-first?
Najczęstsze problemy z mobile-first w 2026: zbyt małe teksty (poniżej 16px), przyciski za małe do kliknięcia, horizontal scroll od szerokich obrazów, wolne ładowanie od ciężkich wtyczek WordPress, niedopasowane menu nawigacyjne, niekontrolowany layout shift, brak lazy loadingu obrazów.
1. Za małe teksty
Tekst body musi mieć minimum 16px (rem/em). Poniżej 14px użytkownik nie przeczyta bez zoomu — Google to wykryje i obniży pozycję. Headings H1-H3 powinny być proporcjonalnie większe: H1 = 28-40px, H2 = 24-32px.
2. Przyciski za małe do kliknięcia
Każdy klikalny element (przycisk, link, ikona) musi mieć minimum 44×44 piksele. To zalecenie Apple, Google i Material Design. Mniej = trudno trafić palcem = irytacja użytkownika = niższa konwersja.
3. Horizontal scroll
Jeśli Twoja strona wymaga przesuwania w bok na telefonie — masz crytical bug. Powód: zwykle obraz ma fixed width zamiast max-width: 100%, albo tabela się nie zwija. Sprawdź przez otwieranie strony na szerokości 320px.
4. Wolne ładowanie
Strona powinna ładować się w 1-2 sekundy na 4G. Powyżej 3 sekund tracisz 40% użytkowników. WordPress z Elementor Pro i 20 wtyczkami łatwo ma 5-8 sekund — fatalne. Custom strona w Next.js ma zwykle 0.5-1.5 s.
5. Niedopasowane menu
Poziomy menu z 8 linkami nie zmieści się na telefonie. Powyżej 4-5 linków — musisz mieć menu hamburger (≡) z drawerem. Ważne: hamburger musi mieć label "Menu" lub ikona-opis dla accessibility.
Jak naprawić stronę która nie jest mobile-first?
Masz 3 opcje: (1) dodaj responsive CSS i popraw co się da (koszt 500-3 000 zł), (2) migruj na nowoczesny template z WordPress (2 000-8 000 zł), (3) zbuduj custom stronę od zera w Next.js (1 500-15 000 zł). Opcja 3 jest najbardziej przyszłościowa.
Jak Eunoia Creativ robi strony mobile-first?
Wszystkie strony w Eunoia Creativ są budowane od zera w podejściu mobile-first. Używamy Tailwind CSS (mobile-first by default), Next.js (SSR dla szybkości), responsive images (next/image), semantyczny HTML i testujemy każdą stronę na realnych urządzeniach.
- Tailwind CSS — mobile-first by default, wszystko responsywne
- Next.js Image — automatyczna optymalizacja obrazów
- Core Web Vitals zielone — LCP poniżej 1.5 s, CLS 0, INP poniżej 100 ms
- Real device testing — iPhone + Android przed wdrożeniem
- Accessibility — ARIA labels, kontrast, keyboard navigation
Ile kosztuje strona mobile-first w 2026?
W Eunoia Creativ każda strona jest mobile-first bez dopłaty. One-page od 1 500 zł netto, strona firmowa od 3 500 zł netto. Nie doliczamy za "wersję mobilną" bo to standard, nie bonus.
Umów bezpłatną audyt
Chcesz sprawdzić czy Twoja strona jest mobile-first? Umów bezpłatną konsultację — zrobimy szybki audyt, pokażemy co działa a co nie i zaproponujemy konkretne usprawnienia.
O autorze
Wojciech Irlik
Założyciel & Strateg | Eunoia Creativ
Założyciel Eunoia Creativ. Specjalizuje się w tworzeniu customowych stron internetowych i strategiach marketingowych dla małych i średnich firm w Polsce. Od ponad 5 lat pomaga biznesom zwiększać sprzedaż online — bez szablonów, bez kompromisów jakościowych. Pisze o marketingu, SEO, stronach WWW i prowadzeniu agencji.