Cara membuat situs web Anda dimuat dengan cepat di seluler (2022)

Performa situs web Anda di perangkat seluler sekarang lebih penting daripada performanya di desktop.

Ini karena lebih banyak orang yang menggunakan ponsel untuk mengakses internet daripada yang menggunakan desktop.

Menurut StatCounter, lebih dari 50% pengguna internet di seluruh dunia menggunakan perangkat seluler. Sementara hanya sedikit di atas 47% yang menggunakan desktop.

Jika Anda mengoptimalkan situs Anda sebagian besar hanya untuk desktop, Anda merusak kesuksesan bisnis Anda. Ponsel lebih penting sekarang daripada sebelumnya.

Bagaimana kinerja situs Anda di seluler sangat penting untuk SEO. Pendekatan Google sekarang adalah pengindeksan mobile-first. Ini berarti bahwa Google menggunakan versi seluler situs web untuk pengindeksan dan peringkat.

Jika situs Anda cepat di desktop dan lambat di seluler, peringkat Anda akan terpengaruh karenanya. Kinerja situs Anda di seluler harus lebih penting daripada kinerjanya di desktop.

Membuat situs web Anda dimuat dengan cepat di seluler akan meningkatkan SEO Anda, mengurangi rasio pentalan, dan meningkatkan konversi.

Tetapi mengoptimalkan situs untuk kecepatan di seluler tidak semudah mengoptimalkan situs untuk kecepatan di desktop. Untungnya, artikel ini dapat membantu Anda membuat situs web Anda dimuat dengan cepat di perangkat seluler jika Anda mengikuti tips yang saya cantumkan di sini.

Menguji kecepatan situs web Anda

Hal pertama yang harus Anda lakukan adalah menguji kecepatan situs Anda di seluler. Ini akan memberi Anda gambaran yang jelas tentang seberapa cepat atau lambat situs Anda.

Hanya karena situs Anda dimuat dengan cepat di desktop bukan merupakan jaminan bahwa situs Anda dimuat dengan cepat di perangkat seluler. Mungkin saja situs Anda menjadi super cepat di desktop tetapi sangat lambat di seluler.

Ada banyak alat pengujian seluler, tetapi saya lebih suka menggunakan Google's Test My Site untuk uji kecepatan seluler.

Cukup kunjungi ThinkWithGoogle dan masukkan URL situs Anda. Anda harus dapat menguji seberapa cepat situs Anda.

Bagi saya, situs yang memuat dalam 3 detik sudah cukup baik. Tapi Think With Google merekomendasikan setidaknya 2,4 detik.

Cara membuat situs web Anda dimuat dengan cepat di seluler

Berikut adalah praktik terbaik untuk mempercepat situs Anda di seluler:

Gunakan tema yang responsif

Tema responsif adalah tema yang menyesuaikan agar sesuai dengan semua perangkat. Ini berarti bahwa meskipun pengguna Anda berasal dari desktop atau seluler atau tablet, tema Anda akan menyajikan kepada mereka versi situs web Anda yang sesuai dengan perangkat apa pun yang mereka gunakan.

Melayani versi desktop situs web kepada pengguna seluler akan memperlambat waktu buka. Dan itu mengerikan untuk pengalaman pengguna.

Menggunakan tema responsif sangat penting. Ini adalah fondasi pertama dari situs web cepat di seluler. Ada beberapa tema responsif yang dapat Anda pilih. Baca daftar 10 tema WordPress tercepat dan terbaik saya, salah satu tema yang terdaftar di sana cukup bagus dan responsif.

Gunakan host web yang cepat

Host web Anda memainkan peran paling penting dalam mempercepat situs web Anda. Host web yang sangat cepat dengan teknologi hosting terbaru akan membuat situs web Anda dimuat dengan cepat di perangkat seluler.

Jika Anda memiliki host web yang lambat, tidak peduli bagaimana Anda mengoptimalkan situs web Anda, Anda mungkin tidak melihat peningkatan yang signifikan.

Saya merekomendasikan Cloudways dan Kinsta untuk situs web yang sudah mapan. TargetTrend di-host di Cloudways. Untuk situs pemula, saya merekomendasikan Bluehost.

Gunakan AMP

Accelerated Mobile Pages (AMP) adalah proyek Google untuk mempercepat situs web di seluler.

AMP dioptimalkan untuk penelusuran seluler dan dapat membantu mempercepat waktu buka situs web secara signifikan. Hal ini juga dapat mengurangi jumlah permintaan lebih dari 77% menurut sebuah penelitian.

Anda dapat memulai AMP dengan menginstal plugin AMP resmi. Ada plugin AMP lain, Anda juga bisa menggunakannya.

Setelah Anda mengaktifkan plugin, Anda dapat memilih salah satu dari tiga mode yang tersedia. Jika sebagian besar pengunjung Anda berasal dari seluler, pertimbangkan untuk menggunakan mode transisi atau standar. Tetapi tema Anda harus kompatibel dengan AMP.

Memuat gambar dengan malas

Gambar dapat memperlambat situs web, terutama di perangkat seluler. Cara terbaik untuk menanganinya adalah dengan memuatnya ketika pengguna telah menggulirnya. Dengan begitu, mereka hanya akan memuat saat dibutuhkan dan karena itu memiliki sedikit atau tidak berpengaruh pada waktu muat.

Jika Anda mencoba menguji situs web Anda di wawasan PageSpeed ​​atau Web.dev dan Anda diperingatkan untuk "menunda gambar di luar layar", itu berarti gambar memperlambat waktu muat Anda dan Anda harus mempertimbangkan untuk memuatnya dengan malas.

Bermalas-malasan memuat gambar adalah tentang menunda pemuatan gambar sampai pengguna menggulir ke sana. Ini dapat meningkatkan kecepatan.

Ada banyak plugin untuk menangani lazy loading. Sebagian besar plugin cache dan plugin pengoptimalan gambar memiliki opsi pemuatan lambat.

Hilangkan sumber daya yang memblokir render

Menghilangkan sumber daya yang memblokir perenderan dapat mempercepat waktu buka situs web Anda di perangkat seluler.

Biasanya ada beberapa skrip Java dan CSS yang mempersulit browser untuk merender situs web dengan cepat saat pengguna berkunjung. Ini karena browser harus berhenti dan membaca file-file ini sebelum dapat merender situs kepada pengguna.

Menghilangkan sumber daya ini dapat mempercepat waktu muat. Ada plugin seperti Autoptimize yang dapat membantu menghilangkan sumber daya yang memblokir render.

Saya memiliki artikel bermanfaat tentang ini, Anda harus membaca: Cara Menghilangkan sumber pemblokiran render di WordPress.

Hapus CSS yang tidak digunakan

Memiliki banyak CSS yang tidak digunakan dapat memperlambat situs web. CSS yang tidak digunakan adalah CSS yang tidak diperlukan untuk memuat situs web. Tetapi karena ada, browser masih perlu mengunduh, mengurai, dan memprosesnya.

Ada plugin seperti Perfmatters dan Asset CleanUp yang dapat membantu menghapus CSS yang tidak digunakan.

Saya telah menulis panduan sederhana tentang ini: Cara menghapus CSS dan JS yang tidak digunakan di WordPress.

Hasilkan CSS Kritis

CSS penting digunakan untuk mengekstrak konten paruh atas dengan mudah untuk membuatnya cepat bagi pengguna. Memiliki jalur CSS yang penting dapat mempercepat waktu muat situs web Anda di seluler dan desktop.

Ada plugin yang dapat membantu Generate Criticall CSS. WP Rocket dapat melakukan itu, LiteSpeed ​​Cache dan WP Performance juga dapat menghasilkan CSS penting.

Memiliki sistem caching yang baik

Caching adalah cara yang sangat andal untuk mempercepat situs web. Anda harus menggunakan plugin caching yang efektif untuk menyajikan konten yang di-cache kepada pengunjung seluler Anda. WP rocket adalah plugin caching premium yang sangat efektif. W3 Total cache, jika dikonfigurasi dengan baik bisa sangat efektif.

Sebagian besar perusahaan hosting web terkelola menawarkan caching tingkat server. Cari tahu apakah host web Anda menawarkan hal yang sama dan minta mereka untuk mengaktifkan situs Anda jika tidak di luar kotak.

Anda dapat meminta host Anda untuk menginstal dan mengaktifkan cache Varnish. Cache pernis dikenal untuk mempercepat situs web.

Optimalkan gambar

Pastikan Anda mengompres gambar. Saya lebih suka mengompresi gambar sepenuhnya sebelum mengunggahnya. Namun, ada banyak plugin seperti optimole dan lainnya yang dapat membantu mengompresi gambar di dalam WordPress.

Menyajikan gambar WebP juga dapat membantu meningkatkan kecepatan situs web. WebP lebih kecil dari JPG dan PNG, oleh karena itu lebih ramah kecepatan.

Ada banyak plugin yang dapat membantu mengonversi dan menyajikan gambar WebP. Optimole dan gambar terbang dapat melakukan ini dengan sangat baik.

Perkecil kode

Minifikasi adalah proses mengompresi kode situs web dari ukuran yang lebih besar ke ukuran yang lebih kecil. Semakin kecil semakin baik selama tidak merusak apa pun.

Anda harus mempertimbangkan untuk memperkecil JS dan CSS.

Sebagian besar plugin caching menawarkan fitur minifikasi. Tetapi pastikan Anda menggunakan pementasan untuk menguji karena minifikasi diketahui merusak situs web.

Minimalkan pengalihan

Terlalu banyak pengalihan dapat memperlambat situs web Anda, terutama di seluler. Ini dapat memperlambat waktu respons server.

Pastikan Anda tidak memiliki terlalu banyak pengalihan. Jika ya, kurangi sebanyak yang Anda bisa.

Aktifkan kompresi

Kompres file untuk membuat situs web Anda cepat di seluler. Hal-hal yang lebih kecil, semakin cepat situs Anda.

Gzip atau Brotli dapat meningkatkan kecepatan situs web Anda secara signifikan dengan mengompresi file situs web. Secara umum, Brotli lebih baik daripada Gzip. Tapi salah satu dari mereka akan bekerja dengan baik. Periksa dengan host web Anda untuk mengaktifkan kompresi untuk Anda.

Ada juga plugin yang dapat membantu Anda mengaktifkan kompresi jika solusi plugin lebih cocok untuk Anda.

Kurangi jumlah AdSense per halaman

Google AdSense adalah salah satu cara paling populer untuk menghasilkan uang dari blog, tetapi juga dikenal memperlambat situs web secara signifikan.

Dari pengamatan saya, jika Anda menonaktifkan AdSense, Anda akan langsung melihat perbedaan yang sangat besar dalam waktu buka Anda.

Tapi uang sangat penting serta kecepatan. Jadi, Anda harus mencapai kompromi. Google merekomendasikan 3 unit iklan per halaman. Jika Anda tetap dengan itu, maka Anda harus baik-baik saja.

Saya perhatikan bahwa unit Konten yang sesuai dan iklan tingkat halaman memiliki dampak paling negatif terhadap waktu pemuatan seluler.

Gunakan CDN

Jaringan Pengiriman Konten dapat membantu meningkatkan kecepatan situs web Anda dengan membuat salinan statis situs web Anda dan menyajikannya kepada pengguna di seluruh dunia dari lokasi yang lebih dekat dengan mereka ketika mereka mencoba mengunjungi situs web Anda.

Jika Anda tidak menggunakan CDN, maka Anda ketinggalan!.

Lihat Penyedia CDN WordPress terbaik.

Gunakan font tumpukan sistem

Baru-baru ini saya mencoba mempercepat waktu buka situs web ini di seluler. Jadi saya memutuskan untuk berhenti menggunakan font Google dan mencoba tumpukan sistem, dan yang mengejutkan saya, ada peningkatan kecepatan yang signifikan.

Font dan font Google luar biasa tetapi dapat memperlambat situs web. Menggunakan tumpukan sistem memastikan bahwa tidak ada permintaan eksternal yang dibuat, karena itu adalah font perangkat apa pun yang digunakan pengguna yang diperlukan.

Beberapa tema memudahkan untuk mengubah ke tumpukan sistem. Cukup beralih ke tumpukan sistem.

Manfaatkan versi PHP yang lebih baru

Versi PHP yang lebih baru biasanya lebih cepat daripada yang lebih lama. Anda harus memastikan bahwa Anda menggunakan versi PHP terbaru atau hanya satu versi mundur.

Bukan hanya untuk kecepatan, tetapi juga untuk keamanan.