Baca Selengkapnya..Panduan Belajar HTML untuk Pemula

Website “Lebih” Mobile Friendly dengan Plugin WPTouch

Rate this post

Internet merupakan bagian yang tidak dapat dipisahkan dari kehidupan manusia. Sejak awal munculnya internet, penggunanaan laptop maupun komputer desktop mendominasi akses internet. Beda halnya dengan sekarang, sudah banyak perangkat mobile seperti smartphone dapat diperoleh dengan harga yang terjangkau, sehingga akses internet lebih mudah dan fleksibel, bisa dilakukan dimanapun dan kapanpun kita butuhkan.

Kecepatan akses suatu konten website maupun blog merupakan salah satu pertimbangan sebagian besar pengguna internet untuk memutuskan apakah akan tetap membuka website tersebut atau keluar disaat website sedang loading. Jika loading website dirasa berat atau lama, bisa dipastikan pengunjung akan menutup website tersebut dan mencari website lain yang relevan.

Baca juga:

Plugin WPTouch

Ada banyak cara yang dapat digunakan agar akses website khususnya versi mobile menjadi lebih ringan. Salah satunya adalah dengan mendesain website tersebut menjadi mobile friendly atau responsive, sehingga template website dapat dengan mudah dibuka pada perangkat mobile yang digunakan.

Adakalanya template yang “katanya” responsive tetapi setelah dilakukan pengujian Situs Mobile-Friendly ternyata terdeteksi “Halaman ini tidak mobile-friendly” atau halaman sudah mobile-friendly tetapi mengalami “Masalah pemuatan halaman“.

website mobile friendly dengan plugin wptouch

Jika mengalami hal serupa, kami merekomendasikan untuk menggunakan salah satu plugin mobile friendly yaitu WPTouch.

Ada dua pertimbangan kami dalam memilih plugin yang akan digunakan untuk website mobile friendly:

  • Kemudahan instalasi dan konfigurasi plugin
  • Pengaruh plugin terhadap skor page speed versi mobile

Dari beberapa plugin mobile friendly yang kami coba, kami simpulkan bahwa hanya plugin WPTouch yang dapat meningkatkan skor page speed yang sangat signifikan seperti ditampilkan pada gambar berikut.

website mobile friendly dengan plugin wptouch
Sebelum menggunakan plugin
website mobile friendly dengan plugin wptouch
Setelah menggunakan plugin

Instalasi dan Konfigurasi Plugin WPTouch

Berikut panduan instalasi dan konfigurasi plugin WPTouch:

Baca Juga:  Cara Migrasi Blogger ke WordPress dengan Mudah

#1 Masukkan kata kunci WPTouch pada search box add plugin, selanjutnya install dan aktifkan plugin tersebut

website mobile friendly dengan plugin wptouch

#2 Untuk melakukan konfigurasi plugin, buka halaman Appearance > Customize, lalu klik tombol Switch to Mobile Theme

website mobile friendly dengan plugin wptouch

#3 Lakukan konfigurasi plugin pada tab menu customize sesuai kebutuhan

website mobile friendly dengan plugin wptouch

Keterangan:

  • Site Identity: konfigurasi favicon website
  • Blog: konfigurasi jumlah postingan yang muncul di homepage
  • Blog Featured Slider: konfigurasi fitur slide
  • Blog layout: konfigurasi mengaktifkan/nonaktifkan featured slider dan slider nav bar
  • Custom CSS
  • Footer
  • Header: konfigurasi style dan posisi menu
  • Social Media Link: konfigurasi akun sosial media website
  • Social Sharing: konfigurasi tombol bagikan ke media sosial
  • Typography: konfigurasi font website

#4 Cek tampilan website mobile friendly di shartphone kalian

website mobile friendly dengan plugin wptouch
Before vs After

#5 Cek kembali pengujian situs mobile-friendly melalui halaman Test Mobile-Friendly

website mobile friendly dengan plugin wptouch

Kesimpulan

Dengan menggunakan plugin WPTouch dapat meningkatkan page speed website secara signifikan, sehingga website dapat lebih mudah diakses.

Thumbnail: Background vector created by rawpixel.com – www.freepik.com

0 0 votes
Article Rating
Subscribe
Notify of
guest

2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
yuda
3 years ago

kalo dibandingin sama plugin AMP bagusan mana mas?
sekarang kan AMP lagi naik daun