Cara Meningkatkan Kecepatan Situs Web WordPress di Seluler
Diterbitkan: 2023-03-07Ingin tahu bagaimana cara meningkatkan kecepatan situs web WordPress di seluler?
Ketika datang untuk mengoptimalkan situs web untuk kecepatan, seseorang harus bekerja pada kecepatan desktop dan seluler karena kedua perangkat menarik lalu lintas yang baik.
Beberapa orang berpendapat bahwa kecepatan seluler lebih penting karena, setelah menerapkan pengindeksan yang memprioritaskan seluler, Google mempertimbangkan versi seluler laman web untuk tujuan pemeringkatan daripada versi desktop.
Meskipun demikian, kecepatan desktop tidak boleh diabaikan karena kecepatan pemuatan situs secara keseluruhan masih dianggap sebagai faktor peringkat yang penting.
Kami telah membahas cara mengoptimalkan kecepatan pemuatan keseluruhan situs Anda di artikel sebelumnya, jadi dalam tutorial ini kami akan berfokus pada peningkatan kecepatan seluler situs Anda. Mohon terapkan langkah-langkah yang tercantum di kedua artikel untuk kecepatan situs yang optimal.
Mengapa situs WordPress Anda lambat di seluler?
Situs web WordPress dapat terlihat lambat di perangkat seluler karena penyebab yang tercantum di bawah ini. Anda akan melihat bahwa beberapa penyebab khusus seluler, sementara penyebab lainnya adalah penyebab umum yang juga berlaku untuk versi desktop situs Anda.
- Hosting WordPress lambat
- Gambar besar tidak dioptimalkan untuk tampilan seluler
- Prosesor smartphone biasanya memiliki arsitektur CPU yang lebih lemah dan lebih lambat dari desktop
- Aturan CSS khusus seluler termasuk ukuran viewport, mengubah ukuran gambar, dll
- Terlalu banyak plugin berat secara bersamaan menggunakan terlalu banyak sumber daya
- Terlalu banyak penggeser, prapemuat, atau animasi
Sekarang setelah Anda mengetahui penyebabnya, mari lanjutkan dengan langkah-langkah untuk memperbaiki masalah dan meningkatkan kecepatan situs Anda di seluler.
Cara meningkatkan kecepatan website WordPress di mobile
Di bagian ini, Anda akan mempelajari cara meningkatkan kecepatan situs web WordPress di perangkat seluler hanya dalam tujuh langkah. Yaitu:
- Beralih ke penyedia hosting cepat (jika Anda belum menggunakannya)
- Gunakan tema yang dioptimalkan untuk seluler
- Optimalkan gambar
- Terapkan caching
- Optimalkan kode WordPress (JavaScript, CSS, dan HTML)
- Tinjau dan kurangi plugin
- Aktifkan AMP (opsional)
Mari selami lebih dalam setiap solusi dan pelajari bagaimana mereka membantu meningkatkan kecepatan situs Anda di seluler.
1. Beralih ke penyedia hosting cepat
Memilih penyedia hosting cepat seringkali menjadi salah satu solusi terbaik untuk meningkatkan kecepatan situs web WordPress di perangkat seluler.
Anda dapat melakukan salah satu solusi yang tercantum di bawah bagian ini, dan masih mencatat kecepatan seluler yang buruk jika server hosting Anda tidak sesuai standar.
Jadi langkah pertama adalah menentukan apakah kecepatan situs yang lambat disebabkan oleh kinerja server hosting yang buruk.
Salah satu cara untuk memeriksanya adalah menggunakan alat uji kecepatan untuk menguji waktu respons server situs Anda.
Atau, jika Anda lebih suka kami melakukan pekerjaan untuk Anda, Anda dapat membaca posting kami tentang masalah ini.
Kami telah menguji lusinan layanan hosting dan menerbitkan ulasan mendalam di hampir semua penyedia populer. Anda harus dapat menemukan penyedia hosting Anda di artikel berikut dan mencari tahu apakah Anda harus terus menggunakan layanan mereka:
Setelah membaca ulasan, jika Anda memutuskan untuk beralih ke penyedia hosting yang lebih baik, lihat artikel kami tentang layanan hosting situs web tercepat. Ini mencakup delapan perusahaan hosting berbeda yang dilengkapi dengan teknologi yang akan membantu Anda meningkatkan kecepatan seluler situs Anda.
Selain itu, pertimbangkan untuk beralih ke solusi hosting yang dikhususkan untuk jenis situs web Anda. Misalnya, situs WooCommerce lebih besar dan biasanya membutuhkan lebih banyak daya pemrosesan, jadi bermigrasi ke paket hosting WooCommerce khusus adalah ide yang lebih baik.
2. Gunakan tema yang dioptimalkan untuk seluler
Orang yang mengunjungi situs Anda menggunakan perangkat seluler dengan berbagai ukuran, sistem operasi, dan pabrikan. Situs web Anda harus dirancang untuk merespons setiap perangkat seluler.
Biasanya, tugas tema WordPress adalah menawarkan desain yang responsif. Inilah sebabnya mengapa Anda perlu memilih tema dengan hati-hati. Mungkin ada ratusan ribu tema untuk dipilih, tetapi tidak semua tema responsif dan siap untuk dilihat di perangkat seluler.
Untuk membantu pengguna membuat situs web lebih cepat di seluler, kami membuat tema ringan bernama Neve.
Desain responsif Neve memastikan bahwa posting dan halaman Anda beradaptasi dengan ukuran layar dan perangkat pengunjung, membuat konten Anda dapat diakses oleh semua orang. Itu juga menempati peringkat di antara tiga tema tercepat teratas untuk situs web WordPress.
Pelajari lebih lanjut tentang Neve dan cobalah.
3. Optimalkan gambar
Gambar adalah salah satu dari tiga hal teratas yang bertanggung jawab untuk memperlambat situs web Anda di perangkat seluler. Mereka menghabiskan banyak ruang di server Anda dan perlu beberapa saat untuk mengunduhnya di browser.
Itu berarti mengoptimalkan gambar situs Anda adalah salah satu solusi terbaik untuk meningkatkan kecepatan situs web WordPress di perangkat seluler.
Untungnya, ada beberapa hal yang dapat Anda lakukan untuk mengurangi dampak negatif gambar di situs Anda.
- Gunakan format gambar yang dioptimalkan seperti WebP atau Avif jika memungkinkan
- Kurangi ukuran gambar sebelum mengunggahnya (pelajari tentang ukuran gambar WordPress)
- Terapkan pemuatan lambat sehingga gambar diunduh di browser hanya saat dibutuhkan
- Sajikan gambar Anda melalui CDN untuk mengurangi beban di server situs Anda
- Gunakan plugin pengoptimalan untuk memangkas beberapa kilobyte dari gambar Anda
Jika Anda ingin mengoptimalkan semua ini, Anda dapat menggunakan plugin Optimole. Optimole tidak hanya akan memampatkan, mengubah ukuran, dan mengonversi gambar Anda ke format optimal, tetapi juga dapat menyajikan gambar yang dioptimalkan secara dinamis melalui CDN-nya.
Dengan pendekatan multi-cabang ini, pengunjung seluler akan menerima gambar yang lebih kecil daripada pengunjung yang menjelajah, katakanlah, layar Retina, yang mempercepat situs Anda dan berarti setiap pengguna mendapatkan gambar yang dioptimalkan untuk pengalaman menjelajah mereka.
4. Terapkan caching
Dengan caching WordPress, Anda dapat menyimpan versi HTML yang sudah selesai dari situs Anda alih-alih memaksa server Anda memproses PHP untuk setiap kunjungan.
Ini berarti server dapat merespons dengan halaman selesai lebih cepat, yang mengarah ke waktu muat yang lebih cepat untuk semua pengunjung Anda, termasuk yang ada di perangkat seluler.
Anda dapat menerapkan caching melalui penyedia hosting atau plugin caching. Saat ini, banyak host WordPress berkualitas menawarkan solusi caching tingkat server mereka sendiri.
Anda dapat bertanya kepada penyedia hosting Anda apakah mereka menawarkan teknologi caching server dan apakah paket Anda saat ini menyertakannya. Jika mereka meminta Anda untuk memutakhirkan paket Anda untuk mengaktifkan caching, maka pertimbangkan untuk menambahkan plugin caching gratis.
5. Optimalkan kode WordPress (JavaScript, CSS, dan HTML)
Sama seperti memiliki file gambar yang berat dapat memperlambat waktu muat seluler Anda, menyajikan kode yang tidak dioptimalkan juga dapat memperlambat pengunjung seluler Anda, terutama jika situs Anda melayani banyak JavaScript.
Ini dapat menjadikan pengoptimalan kode situs Anda sebagai langkah penting lainnya dalam cara meningkatkan kecepatan situs web WordPress di perangkat seluler.
Anda dapat mengoptimalkan kode situs Anda dengan melakukan langkah-langkah berikut:
- Perkecil HTML, CSS, dan JavaScript untuk menghapus spasi, komentar, dan pemformatan ekstra
- Gabungkan file CSS dan JavaScript untuk memastikan permintaan HTTP yang efisien (jika host Anda menggunakan HTTP/2, Anda dapat melewati ini)
- Terapkan kompresi Gzip atau Brotli
- Hilangkan sumber daya yang memblokir perenderan seperti file CSS, HTML, dan JavaScript untuk memaksa browser menunda perenderan konten di situs Anda
Untuk memperkecil, menggabungkan, dan mengompres file dan kode, Anda memerlukan plugin minify. Untungnya, kami baru-baru ini menulis panduan mendalam tentang plugin minify terbaik setelah mengujinya secara menyeluruh. Untuk menghilangkan kode pemblokiran render, kami memiliki tutorial terpisah.
6. Tinjau & kurangi plugin yang berat
Meskipun tidak ada aturan baku tentang berapa banyak plugin yang dapat dimiliki situs Anda, memasang plugin yang memuat lambat dan banyak sumber daya pasti akan berpengaruh pada waktu muat seluler situs Anda.
Plugin berkode buruk menyimpan terlalu banyak sumber daya dari server Anda yang menyebabkan kecepatan pemuatan lambat. Kami merekomendasikan untuk meninjau plugin yang dipasang di situs web Anda dan menghapus yang berkode buruk.
Untuk menyingkirkan plugin yang buruk, periksa ulasan yang ditinggalkan oleh pengguna di repositori plugin WordPress. Lihatlah ulasan yang tersisa dalam 12 bulan terakhir dan cari kata "lambat".
Jika muncul dalam banyak ulasan, itu berarti bahwa plugin tersebut sampai taraf tertentu bertanggung jawab untuk memperlambat situs Anda. Temukan alternatif yang lebih baik untuk plugin itu, lalu hapus dari situs web Anda.
Sayangnya, mendiagnosis plugin yang memuat lambat adalah salah satu aspek yang lebih teknis tentang cara meningkatkan kecepatan situs web WordPress di seluler.
Namun, untuk pengguna yang lebih teknis, Anda juga dapat menilai kinerja plugin menggunakan analisis air terjun dalam alat uji kecepatan dan/atau plugin gratis seperti Query Monitor.
7. Aktifkan AMP (opsional)
AMP adalah singkatan dari Accelerated Mobile Pages dan merupakan inisiatif sumber terbuka yang didukung oleh pemimpin industri seperti Google dan Twitter. Teknologi ini bertujuan untuk menampilkan halaman web lebih cepat ke pengguna seluler.
Saat Anda mengimplementasikan AMP, ini menghapus versi posting dan halaman Anda dan hanya menyajikan elemen penting bagi pengunjung seluler Anda. Ini membuat situs Anda sangat cepat, tetapi kehilangan banyak elemen desain yang dibuat dengan hati-hati. Kelemahan lain dari AMP adalah terbatasnya jenis iklan yang didukung oleh situs AMP, dan beberapa iklan juga sulit diterapkan.
Karena memiliki pro dan kontra yang terkenal, Anda tidak perlu merasa terdorong untuk menggunakan AMP. Namun, AMP adalah cara yang bagus untuk mempercepat kinerja seluler situs Anda dalam keadaan darurat.
Untuk mempelajari lebih lanjut, lihat panduan kami tentang cara menyiapkan AMP di WordPress.
Pikiran terakhir tentang cara meningkatkan kecepatan situs web WordPress di seluler
Meningkatkan kecepatan situs web Anda di perangkat seluler bukanlah proses yang sulit, tetapi tentunya membutuhkan waktu yang lama. Anda perlu mendedikasikan waktu untuk melaksanakan solusi. Berikut rekap semua langkah yang perlu Anda ambil:
- Beralih ke server hosting yang lebih cepat
- Gunakan tema WordPress yang dioptimalkan untuk seluler, seperti Neve
- Gunakan gambar yang ringan dan optimalkan dengan alat seperti Optimole
- Terapkan caching di tingkat server atau gunakan plugin caching
- Optimalkan kode WordPress (JavaScript, CSS, dan HTML)
- Tinjau dan hapus plugin berkode buruk
- Pertimbangkan untuk mengaktifkan AMP (opsional)
Untuk beberapa tip lain dalam membuat situs seluler yang lebih baik, Anda juga mungkin ingin membaca panduan kami tentang cara membuat situs WordPress yang ramah seluler.
Itu dia, teman-teman. Jika Anda memiliki pertanyaan tentang cara meningkatkan situs web WordPress di seluler, beri tahu kami di bagian komentar di bawah.