Situs yang terasa cepat di laptop kantor bisa merayap di ponsel dengan data seluler. Biasanya penyebabnya tiga hal.

Kecepatan website di ponsel lebih penting dari yang dikira banyak tim: di Indonesia, sebagian besar pengunjung datang lewat ponsel, sering dengan koneksi seluler, dan banyak yang pergi jika halaman terlalu lama menampilkan sesuatu yang berguna. Kabar baiknya, penyebabnya biasanya sama, begitu juga perbaikannya.

Gambar yang terlalu besar

Foto langsung dari kamera bisa berukuran beberapa megabyte. Setelah diubah ke lebar tampilannya dan disimpan sebagai WebP, ukurannya sering hanya sebagian kecil, tanpa perbedaan yang terlihat.

Dua kebiasaan lain juga membantu. Muat gambar di bagian bawah halaman hanya saat pengunjung menggulir mendekatinya (lazy loading), dan cantumkan lebar dan tinggi setiap gambar di kode, agar halaman tidak bergeser saat gambar muncul.

Terlalu banyak font

Setiap ketebalan dan gaya adalah unduhan terpisah. Dua keluarga font dengan beberapa ketebalan biasanya sudah cukup untuk satu brand.

Muat font sedemikian rupa sehingga teks langsung muncul dengan font cadangan, lalu berganti saat font brand tiba, alih-alih tetap tak terlihat. Panduan web.dev tentang praktik terbaik font membahas detailnya, dan catatan kami tentang memilih font untuk dua bahasa membahas cara memilih lebih sedikit font yang lebih baik.

Script dari layanan lain

Widget chat, tracker, dan embed masing-masing memuat kodenya sendiri. Simpan yang benar-benar Anda pakai, muat setelah halaman, dan hapus sisanya.

Penyebab yang umum adalah situs yang selama bertahun-tahun mengumpulkan kode pelacak, widget chat, alat popup, dan feed media sosial. Masing-masing terlihat kecil saat ditambahkan. Bersama-sama, semuanya bisa lebih lama dimuat daripada halamannya sendiri.

Uji di ponsel sungguhan, dengan data seluler, bukan hanya di wifi kantor.

Cara mengukur kecepatan website di ponsel

Mulailah dengan PageSpeed Insights gratis dari Google. Masukkan alamat dan lihat tab seluler. Jika situs Anda punya cukup pengunjung, bagian atas menampilkan data nyata dari pengguna Chrome; di bawahnya ada uji lab dengan daftar hal yang perlu diperbaiki.

Angka dunia nyatanya adalah Core Web Vitals dari Google:

Largest Contentful Paint: berapa lama sampai konten utama muncul. Targetkan 2,5 detik atau kurang.
Interaction to Next Paint: seberapa cepat halaman merespons ketukan. Targetkan 200 milidetik atau kurang.
Cumulative Layout Shift: seberapa banyak halaman bergeser saat dimuat. Targetkan 0,1 atau kurang.

Jangan mengejar skor lab yang sempurna. Halaman yang terasa cepat bagi pengunjung sungguhan dan lolos ketiga ukuran ini sudah menjalankan tugasnya.

Hosting dan caching

Halaman yang ringan pun tetap lambat di server yang lambat. Hosting yang baik dan dekat dengan pengunjung Anda, dengan page caching dan content delivery network untuk gambar dan file, memangkas waktu tunggu sebelum apa pun terjadi. Untuk situs WordPress, plugin caching yang diatur dengan benar sering kali menjadi peningkatan terbesar.

Rencana singkat untuk situs yang lambat

Uji halaman home dan halaman yang paling sering dikunjungi di PageSpeed Insights, versi seluler.
Ubah ukuran dan konversi gambar terbesar. Ini saja sering memperbaiki halaman yang paling parah.
Daftar semua skrip pihak ketiga, dan hapus yang tidak dipakai siapa pun.
Kurangi font hingga hanya ketebalan yang benar-benar Anda butuhkan.
Periksa hosting dan caching, lalu uji lagi di ponsel sungguhan.

Pertanyaan yang sering diajukan

Apakah kecepatan website di ponsel memengaruhi peringkat Google?

Ya, sebagai bagian dari pengalaman halaman, meski konten yang membantu lebih penting. Kecepatan paling penting bagi pengunjung: halaman yang lambat kehilangan orang sebelum mereka membaca satu kata pun. Catatan kami tentang fondasi SEO untuk situs baru menempatkannya dalam konteks.

Mengapa situs saya cepat di desktop tetapi lambat di ponsel?

Ponsel punya prosesor yang lebih lambat dan sering kali koneksi yang lebih lambat. Halaman yang memuat banyak kode atau gambar besar terasa lancar di laptop dengan wifi kantor, dan lambat di ponsel kelas menengah dengan data seluler.

Apakah tema baru akan memperbaikinya?

Kadang-kadang, tetapi tidak jika tema barunya sama beratnya. Tema custom yang ramping, hanya dengan fitur yang dipakai situs, biasanya lebih cepat daripada tema serbaguna dengan semua fitur aktif.

Menjaga situs tetap cepat adalah bagian dari perawatan rutin, lewat pembaruan, pengecekan gambar, dan memangkas skrip lama. Itulah yang dicakup maintenance website kami, dan layanan web development kami membangun situs dengan memperhatikan kecepatan di ponsel sejak awal.