Pengoptimalan yang Berpusat pada Pengguna: 3 Cara untuk Meningkatkan Pengalaman Situs Web Anda
Pelajari bagaimana Anda dapat menyesuaikan peningkatan kecepatan dengan kondisi penjelajahan pengguna, seperti perangkat, koneksi internet, perjalanan, dan lainnya.
SEO memiliki banyak sisi dan setiap faktor pengoptimalan bergantung pada faktor lainnya.
Anda dapat membuat konten kelas satu yang menarik perhatian pengguna dan relevan dengan tujuan pencarian mereka, tetapi jika halaman Anda dimuat dengan lambat, pengguna Anda tidak akan pernah mendapatkan kesempatan untuk membaca konten luar biasa yang Anda buat untuk situs web Anda.
Pengguna tidak sabar dan mereka akan meninggalkan situs Anda jika harus menunggu lebih dari beberapa detik.
Data dari Think With Google
Namun, bisakah Anda menyalahkan mereka? Pikirkan tentang betapa frustrasinya Anda ketika harus melihat roda pemuatan berputar, untuk waktu yang sangat lama.
Ini adalah pola pikir yang perlu kita miliki ketika kita melakukan pendekatan terhadap pekerjaan pengoptimalan kinerja karena peningkatan yang paling berarti akan terjadi ketika kita melakukan pendekatan dari tempat yang penuh empati terhadap pengguna kita.
Memahami Kondisi Penjelajahan Pengguna yang Berbeda
Empati terhadap pengguna adalah titik awal yang baik, tetapi kita juga perlu mendukungnya dengan pemahaman tentang bagaimana pengguna mengakses situs web Anda.
Misalnya, perangkat dan browser apa yang mereka gunakan untuk mengunjungi situs web Anda? Koneksi internet seperti apa yang mereka gunakan untuk menjelajah?
Perbedaan kondisi penjelajahan ini bisa berdampak lebih besar pada performa daripada yang Anda duga.
Hal ini ditunjukkan oleh hasil dari pengujian waktu pemrosesan JavaScript untuk beranda CNN di berbagai perangkat yang berbeda dari WebPageTest.
iPhone 8, yang merupakan perangkat kelas atas dengan CPU yang lebih baik, memuat halaman muka CNN dalam 4 detik dibandingkan dengan Moto G4 yang memuat dalam 13 detik.
Namun, hasilnya bahkan lebih dramatis untuk Alcatel 1X yang memuat halaman yang sama dalam 36 detik.
Performa bukanlah skenario ‘satu skor untuk semua’. Hal ini dapat bervariasi secara drastis tergantung pada kondisi penjelajahan masing-masing pengguna.
Tab Audiens di Google Analytics adalah tempat yang tepat untuk mulai menggali dan melakukan penelitian tentang bagaimana pengguna mengakses situs web Anda.
Sebagai contoh, Anda bisa melihat pembagian perangkat yang paling sering digunakan di bawah Audiens > Seluler > Perangkat.
Itu hanya satu dari sekian banyak laporan, jadi lihatlah lebih dekat di akun analisis Anda untuk mendapatkan pemahaman yang lebih baik tentang pengguna dan faktor-faktor yang dapat memengaruhi pengalaman mereka di situs web Anda.
Pengoptimalan Performa yang Berpusat pada Pengguna Adalah Masa Depan
Mengingat sifat performa yang berbeda-beda tergantung pada kondisi penjelajahan masing-masing pengguna, masih banyak hal yang bisa dilakukan oleh pemasar untuk meningkatkan cara mempercepat situs web.
Masa depan kecepatan situs harus difokuskan pada penyesuaian kinerja di sekitar pengguna dan lingkungan penjelajahan mereka.
Berikut adalah tiga area yang dapat dioptimalkan untuk meningkatkan pengalaman pengguna di situs web Anda:
Perangkat pengguna
Koneksi internet pengguna
Perjalanan pengguna
- Mengoptimalkan Performa Berdasarkan Perangkat Pengguna
Kunci untuk memastikan bahwa setiap pengguna mendapatkan pengalaman yang positif dan cepat di situs web Anda adalah dengan menerapkan tingkat kinerja dasar yang sesuai untuk perangkat paling dasar yang Anda optimalkan.
Dua strategi pengembangan web yang bisa digunakan untuk mengatasi konsep ini adalah:
Peningkatan progresif
Penurunan secara perlahan-lahan
Peningkatan Progresif
Peningkatan progresif berfokus pada membuat konten inti dari sebuah halaman dapat diakses, dan kemudian secara progresif menambahkan fitur-fitur yang lebih canggih secara teknis di atas kemampuan perangkat atau peramban pengguna.
Sebagai contoh, situs web mungkin menyediakan konten yang bersih dan mudah diakses dalam HTML sebagai prioritas.
Kemudian jika terdeteksi bahwa kondisi penjelajahan pengguna dapat menangani fitur yang lebih kompleks, beberapa perubahan visual CSS tambahan dapat ditambahkan di atasnya, dan mungkin beberapa interaktivitas yang lebih canggih melalui JavaScript.
Degradasi yang Lembut
Degradasi secara bertahap pada dasarnya adalah kebalikan dari peningkatan progresif.
Situs web akan dimulai dengan pengalaman penuh, tetapi kemudian akan mulai kembali ke pengalaman yang secara bertahap tidak terlalu rumit dengan mematikan elemen-elemen tertentu yang tidak terlalu penting jika perangkat pengguna tidak dapat menangani fitur-fitur yang lebih canggih.
Strategi web ini bisa sangat ampuh karena jika situs web Anda dimuat dengan cepat dan berkinerja baik bahkan pada perangkat paling dasar, pikirkan tentang seberapa cepat situs web tersebut akan dimuat pada perangkat yang lebih canggih.
- Mengoptimalkan Performa Berdasarkan Koneksi Internet Pengguna
Koneksi internal adalah salah satu faktor yang paling tidak konstan dari kondisi penjelajahan pengguna, terutama bagi mereka yang menggunakan perangkat seluler. Saat kita menggunakan perangkat saat bepergian, konektivitas internet pasti berfluktuasi dan menurun.
Namun, Anda dapat mengoptimalkan untuk berbagai tingkat konektivitas internet untuk memastikan bahwa pengguna masih memiliki pengalaman yang baik dengan situs web Anda pada koneksi 3G atau 2G.
API Informasi Jaringan
Info Jaringan
- Mengoptimalkan Kinerja Berdasarkan Perjalanan Pengguna
Salah satu cara untuk memprioritaskan sumber daya yang paling penting untuk dimuat secepat mungkin adalah dengan perjalanan pengguna.
Ketika pengguna berada di halaman tertentu, di mana mereka kemungkinan besar akan mengklik berikutnya? Tautan dan sumber daya apa yang akan dibutuhkan untuk halaman berikutnya dalam perjalanan pengguna?
Sekali lagi, ini adalah metode lain untuk mengoptimalkan apa yang dibutuhkan sebagai prioritas daripada mengoptimalkan setiap halaman yang berpotensi dibuka oleh pengguna dan setiap sumber daya yang mungkin mereka butuhkan.
Perjalanan yang cepat dan mulus antar halaman memberikan kontribusi yang besar terhadap persepsi pengguna tentang kecepatan.
Petunjuk Sumber Daya
Membiarkan browser memuat setiap sumber daya sekaligus dapat menjadi proses yang tidak efisien yang menambah waktu bagi pengguna saat mereka duduk dan menunggu halaman dimuat.
Di sinilah petunjuk sumber daya dapat membantu. Petunjuk sumber daya adalah instruksi yang dapat Anda berikan kepada browser untuk membantu memprioritaskan apa yang paling penting untuk dimuat terlebih dahulu.
Memuat sebelumnya
Preload menentukan sumber daya prioritas tertinggi yang berdampak pada navigasi saat ini yang harus dimuat terlebih dahulu.
Memutuskan sambungan awal
Preconnect membuat koneksi dengan server dan sumber lain sebelumnya. Proses ini dapat memakan waktu lama bagi pengguna dengan konektivitas yang buruk.
Prapengambilan
Prefetch menentukan tautan dan sumber daya utama yang akan dibutuhkan sebagai bagian dari navigasi di masa mendatang atau untuk langkah selanjutnya dalam perjalanan pengguna.
Tebak.js
Guess.js membawa petunjuk sumber daya ke tingkat berikutnya dengan mengotomatiskan proses pengambilan sumber daya penting dan memprioritaskan sumber daya yang kemungkinan besar akan dibutuhkan selanjutnya dalam perjalanan pengguna.
Ia bekerja dengan menggunakan data Google Analytics untuk menganalisis bagaimana pengguna menavigasi situs web Anda, menggunakan metrik seperti tampilan halaman, jalur halaman sebelumnya, dan keluar.
Kemudian menggunakan pembelajaran mesin untuk membuat model prediksi tentang halaman berikutnya yang paling mungkin ada dalam perjalanan pengguna dari halaman tertentu.
Kemudian mengambil halaman yang kemungkinan besar akan dikunjungi pengguna pada langkah berikutnya dalam perjalanan mereka melalui situs Anda. Ini berarti bahwa halaman berikutnya sudah dimuat pada saat pengguna mengkliknya, memberikan pengalaman navigasi yang cepat dan lancar.
Metode pengoptimalan yang disebutkan dalam artikel ini akan membutuhkan pekerjaan pengembang.
Jika Anda menyukai tampilan salah satu dari metode tersebut saat membacanya, maka pastikan Anda duduk bersama dengan agen pengembangan atau tim teknik Anda untuk membicarakan apa yang mungkin dilakukan untuk situs web Anda dari perspektif implementasi.
Kesimpulannya
Kita harus berhenti berasumsi bahwa semua orang mengakses situs web kita dalam kondisi optimal.
Setiap pengguna akan memiliki lingkungan penjelajahan yang unik. Inilah sebabnya mengapa kita perlu bekerja lebih keras untuk menyesuaikan upaya pengoptimalan kinerja kita dengan pengguna kita dan berbagai variabel yang membentuk pengalaman penjelajahan mereka, seperti perangkat dan koneksi internet mereka.
Namun, melakukan hal ini tidaklah mudah. Hal ini tentu saja bukan sesuatu yang harus dilakukan sendiri oleh seorang SEO atau pemasar.
Kita perlu meluangkan lebih banyak waktu untuk berbicara dengan para pengembang dan belajar dari mereka tentang teknologi dan metode terbaru yang tersedia untuk pengoptimalan kinerja yang berpusat pada pengguna.
Sumber Daya Lainnya:
Panduan SEO Teknis untuk Metrik Performa Lighthouse
Cara Membuat Situs Web Anda Lebih Cepat
SEO Teknis Tingkat Lanjut: Panduan Lengkap
Kredit Gambar
Gambar Utama: Unsplash
Semua tangkapan layar diambil oleh penulis, Mei 2019
SEO Pengembangan Web SEO