Penguji Mobile-Friendly
Free, no signup. Run this tool's seven weighted mobile-layout checks and get a 0–100 diagnostic score, plus a phone-viewport preview as separate supporting evidence.
Free, no sign-up. The analysis reads your HTML the way a mobile browser would; the screenshot renders in headless Chrome on a 390×844 iPhone-sized viewport.
Pemeriksaan dijalankan dari server kami; kami mengambil URL yang Anda masukkan dan tidak menyimpan hasilnya. Results are kept in a short-lived cache, not stored long-term. Anonymous aggregate stats feed our research posts; domains are counted once via an anonymized hash and never stored in the clear. Penghitung hasil anonim per proses dapat digunakan untuk riset agregat; URL, domain, IP, dan pengenal tidak pernah disertakan, dan statistik tidak dirilis jika jumlah proses kurang dari 100.
+ menyimpan situs atau halaman saat ini. Gunakan ☆ di samping situs, halaman, atau daftar tersimpan untuk menambahkannya ke favorit. Riwayat pemeriksaan terbaru muncul di bawah.
Buat daftar bernama
Target diisi dari pilihan lokal Anda.
Paspor situs Konteks lokal untuk situs tersimpan ini
Data lokal
Target tersimpan, daftar bernama, dan ringkasan pemeriksaan terbaru hanya tersimpan di browser ini.
390×844 viewport · iPhone user agent
This is a static-analysis check plus a real render — fast and directional. It can’t see CSS applied by JavaScript frameworks at runtime, so pair a borderline score with the screenshot: if the page looks right on the phone frame, trust your eyes.
Compare a later score
Download this free analysis as a private JSON baseline, then import it after another run to see score and failing-check changes. Snapshots stay in your browser unless you choose to save a file.
Nilai alat ini
What the score is made of
| Check | Threshold / points | What this free pass can confirm |
|---|---|---|
| Viewport | 30 points | width=device-width and zoom accessibility |
| Responsive CSS | 20 points | @media rules in inspected CSS |
| Fixed widths | 15 points · >400px warning | Markup-level width attributes and inline styles |
| Font sizes | 10 points · <12px warning | CSS declarations and legacy font tags |
| Tap targets / horizontal overflow | Needs a rendered layout pass | Not claimed by this free HTML score |
Viewport is 30 points
Without width=device-width, phones render your page at ~980px and shrink it to fit — every other mobile problem starts here. Disabling zoom costs points too: it’s an accessibility failure.
Layout checks
Responsive CSS (@media rules, including in external stylesheets), hard-coded widths over 400px, and sub-12px font sizes — the three classic ways a desktop layout breaks on a phone.
Delivery checks
Responsive images (srcset/<picture>), HTML page weight on mobile networks, and leftover <object>/<embed> plugin content that mobile browsers won’t run.
Tentang alat ini
halaman, dan very large halaman past byte cap, adalah analysed hanya up untuk yang cap. Ini juga isn’t
Tempel URL lengkap dari halaman Anda inginkan untuk uji — nyata halaman, tidak hanya beranda.
Setiap periksa carries severity badge, colour-coded oleh left-nya border:
Fitur
- Viewport adalah 30 menunjuk
- Warn (amber) — sebagian credit; fixable masalah.
- Core Web Vitals atau tap-target-spacing uji; untuk field performance gunakan
- Bandingkan memeriksa terhadap phone-viewport screenshot pada tepat
- Mobile-Friendly Penguji
Cara kerja
Google dihapus standalone Mobile-Friendly Uji dan mobile-usability laporan di Search Console di late 2023. alat menerapkan sendiri-nya seven-bagian diagnostik model. Itu memeriksa adalah produk heuristics untuk Temuan kemungkinan mobile-tata letak masalah, tidak Google kelayakan criteria atau pengganti untuk pengujian pada nyata devices. Mobile-friendliness score Lengkap Turnstile periksa (ini hanya tampak once, pada pertama fresh uji — disimpan di cache Core Web Vitals Pemeriksa.
Batasan
- scheme adalah wajib ( https://example.com/your-page ).
- (390×844, iPhone pengguna agen). Ini memuat moment setelah score dan adalah Anda reality periksa.
- Baca 0–100 score dan rating di gauge, lalu kerja down periksa
- Skor berasal dari endpoint server yang mengalirkan halaman Anda melalui satu proses pemeriksaan.
Pertanyaan umum
Pertanyaan: Google telah menghentikan seluler-ramah uji; apakah ini penggantinya?
Jawaban: Google menghapus seluler-ramah uji mandiri dan laporan kegunaan seluler di Search Console pada akhir 2023. Alat ini menerapkan sistem diagnosis tujuh bagian miliknya sendiri. Pemeriksaan tersebut adalah heuristik produk untuk menemukan kemungkinan masalah tata letak seluler, bukan kriteria kelayakan Google atau pengganti pengujian di perangkat nyata.
Pertanyaan: Pertanyaan: Apakah pengujian merender JavaScript?
Jawaban: Jawaban: Skor 0–100 berasal dari analisis statis terhadap HTML dan maksimal empat lembar gaya, sehingga JavaScript tidak dijalankan. tangkapan layar ponsel adalah pratinjau tanpa antarmuka peramban dan menjadi bukti pendukung yang berguna, tetapi tetap hanya mewakili satu area tampilan dan satu lingkungan perenderan. Perlakukan perbedaan hasil sebagai alasan untuk memeriksa halaman dan menguji perangkat nyata yang representatif.
Pertanyaan: Mengapa saya kehilangan 30 poin karena tag area tampilan?
Jawaban: Pemeriksaan area tampilan bernilai 30 dari 100 poin karena merupakan satu pengaturan yang mendasari seluruh perilaku seluler lainnya. Tanpa tag <meta name="area tampilan">, ponsel merender halaman dengan lebar sekitar 980px lalu mengecilkannya agar muat, sehingga teks sangat kecil dan target ketuk meleset. Perbaikannya adalah satu baris di <head>: <meta name="area tampilan" konten="lebar=device-lebar, initial-scale=1">. Menonaktifkan perbesaran dengan user-scalable=Tidak atau maximum-scale=1 mempertahankan sebagian besar nilai tetapi menghasilkan peringatan karena merupakan kegagalan aksesibilitas.
Pertanyaan: Apa yang dianggap sebagai elemen berlebar tetap?
Jawaban: Pemeriksaan “konten berukuran to area tampilan” menandai elemen dengan lebar kaku-dikodekan di atas 400px, baik melalui gaya:lebar sebaris maupun atribut lebar="…". Lebar tersebut paling mungkin melampaui layar ponsel dan memaksa pengguliran mendatar. Satu atau dua elemen menghasilkan peringatan; tiga atau lebih berarti gagal. Gunakan maksimum-lebar dengan persentase atau unit relatif agar blok menyusut di layar kecil.
Pertanyaan: tangkapan layar menyatakan “tidak tersedia”, tetapi saya tetap mendapat skor; apakah itu masalah?
Jawaban: Bukan. Skor dan tujuh pemeriksaan berasal dari analisis HTML gratis yang berjalan terlebih dahulu. tangkapan layar ponsel adalah perenderan terukur terpisah yang dapat dilewati ketika batas biaya harian atau bulanan tercapai, perender sedang sibuk, atau halaman memblokir peramban tanpa antarmuka. Dalam semua kasus, catatannya sengaja dibuat tenang dan skor tidak terpengaruh karena analisis tidak pernah bergantung pada tangkapan layar.
Masalah umum dan cara memperbaikinya
- Kesalahan Hasil pemeriksaan perangkat seluler: area tampilan meta tag adalah hilang atau tidak valid Perbaikan: Hasil pemeriksaan perangkat seluler: Hasil pemeriksaan perangkat seluler: Tambah valid lebar=device-lebar area tampilan meta tag untuk awal HTML head. (width=device-width)
- Peringatan Responsive CSS sinyal adalah hilang Perbaikan: Tambah responsive CSS breakpoints yang adapt tata letak dan typography untuk sempit viewports.
- Kesalahan Hasil pemeriksaan perangkat seluler: Tetap-lebar konten melebihi area tampilan Perbaikan: Hasil pemeriksaan perangkat seluler: Hasil pemeriksaan perangkat seluler: Ganti area tampilan-merusak tetap lebar dengan luwes maksimum-lebar, persentase, grid, atau flex ukuran. (max-width)
- Peringatan Hasil pemeriksaan perangkat seluler: Teks adalah terlalu kecil untuk seluler pembacaan Perbaikan: Hasil pemeriksaan perangkat seluler: tingkatkan seluler isi teks untuk terbaca dasar ukuran dan hindari penting teks di bawah 12 CSS piksel.
- Peringatan Hasil pemeriksaan perangkat seluler: gambar tidak berukuran secara responsif Perbaikan: Hasil pemeriksaan perangkat seluler: Hasil pemeriksaan perangkat seluler: batasi gambar dengan maksimum-lebar:100% dan height:auto, dan sediakan responsif sumber di mana berguna. (max-width:100%)
- Peringatan Hasil pemeriksaan perangkat seluler: HTML halaman bobot adalah tinggi Perbaikan: Hasil pemeriksaan perangkat seluler: Hasil pemeriksaan perangkat seluler: Hapus tidak perlu sebaris muatan, kompres aset, dan tunda tidak penting sumber daya untuk mengurangi seluler pengiriman biaya.
- Kesalahan Hasil pemeriksaan perangkat seluler: tidak kompatibel ekstensi konten adalah ada Perbaikan: Hasil pemeriksaan perangkat seluler: Ganti Flash, Java applet, atau lain tidak didukung ekstensi konten dengan asli HTML, CSS, dan JavaScript.