Tip:
Highlight text to annotate it
X
MAILE OHYE: Hai.
Saya Maile Ohye.
Saya bekerja di Google sebagai pimpinan teknologi program
pengembang di tim Dukungan Webmaster.
Video ini akan membahas tentang cara menemukan perbaikan cepat
yang dapat dengan mudah diterapkan oleh Anda atau
anggota staf teknis untuk meningkatkan kinerja
situs seluler.
Namun, sebelum membahas tentang cara mempercepat situs,
mari kita periksa statistiknya.
Kita semua tahu bahwa kinerja dapat memengaruhi pendapatan.
Dalam suatu eksperimen yang dilakukan oleh Strangeloop,
mereka menambahkan penundaan selama satu detik ke
laman yang disajikan pada pengguna ponsel cerdas.
Hanya dengan penundaan selama satu detik,
ditemukan penurunan jumlah pengunjung yang melihat laman, sebesar lebih dari 9% ,
selain itu, rasio pentalan meningkat lebih dari 8%,
dan, lebih jauh lagi, konversi menurun 3,5%.
Terakhir, yang lebih buruk lagi, bahkan setelah percobaan berakhir,
kemungkinan pembeli untuk kembali ke situs tersebut
jadi jauh lebih sedikit.
Jadi, bagaimana keadaan pengguna dan
kecepatan laman seluler saat ini?
Penelitian menunjukkan bahwa ada batas selama satu detik bagi pengguna
agar perhatian mereka tidak teralihkan.
Sementara saat ini, waktu pemuatan laman rata-rata di seluler
adalah tujuh detik.
Ini artinya kita memiliki waktu tambahan selama enam detik
untuk mencoba situs web lain, lupa dengan apa yang ingin dilakukan
di situs, atau mungkin merasa kesal karena harus menunggu.
Izinkan saya menjelaskan sedikit tentang penyebab
kenapa web seluler lebih lambat daripada desktop.
Kita dapat membandingkan potensi penundaan antara web seluler dengan desktop.
Mari kita ambil contoh seorang pengguna laptop, katakanlah, sedang mengakses google.com
dan akan melakukan penelusuran.
Setelah pengguna memasukkan kueri, total perjalanan bolak-balik
dari browser pengguna hingga tersambung ke Google,
kemudian server Google memproses kueri, lalu Google
memberikan hasil serta menampilkannya di browser
laptop dapat berlangsung dalam waktu kurang dari setengah detik.
Kenyataannya, banyak di antara kita yang telah terbiasa dengan
kinerja tersebut.
Namun pada ponsel cerdas, untuk melakukan perjalanan bolak-balik sepenuhnya
dalam waktu kurang dari setengah detik hampir tidak mungkin.
Itu karena saat pengguna memasukkan
kueri di ponsel cerdas mereka, klien
perlu menyambung ke jaringan telepon seluler
sebelum mencapai server.
Jaringan telepon seluler dikonfigurasikan dengan sedemikian hingga
baik menggunakan jaringan 3G atau 4G, ponsel cerdas masih
membutuhkan waktu sekurang-kurangnya 0,5 detik untuk tersambung
ke server seperti Google.
Setelah tersambung ke server setengah detik kemudian,
Google masih perlu memproses kueri, mengembalikan hasil,
dan meminta ponsel cerdas merender laman.
Hal penting dari pembahasan tadi adalah, pengunjung potensial Anda yang menggunakan ponsel cerdas
akan membutuhkan waktu sekurang- kurangnya 0,5 detik hanya untuk
tersambung ke server Anda.
Lalu sekitar 0,6 detik kemudian, mereka sudah menghabiskan waktu
lebih dari satu detik, dan perhatian pengunjung Anda kemungkinan besar
sudah teralihkan.
Nah, sekarang mari kita bahas cara untuk membuat kinerja situs menjadi lebih cepat.
Untuk video ini, saya akan mendemonstrasikan cara menggunakan Google Analytics
dengan situs e-niaga, Google Store,
di www.googlestore.com.
Mari kita mulai di Google Analytics dan membuat segmen lalu lintas
seluler.
Mulailah dengan Buat Segmen Baru.
Bulan lalu, kolega saya di Tim Kecepatan Laman
meluncurkan fitur baru di Google Analytics yang disebut Kecepatan Situs.
Mari menavigasi ke Pengaturan Waktu Laman Kecepatan Situs.
Setelah menyetel segmen ke Lalu Lintas Seluler,
pilih tab Distribusi.
Distribusi akan memberikan tampilan teknis
terkait kinerja situs.
Kita dapat melihat bahwa waktu pemuatan laman
rata-rata di perangkat seluler untuk situs saya, Google Store,
adalah lebih dari enam detik.
Kita juga bisa melihat bahwa 46% laman situs saya
membutuhkan waktu tiga hingga tujuh detik untuk dimuat di perangkat seluler.
Kabar baiknya adalah kita masih bisa memperbaikinya dengan beragam cara.
Masih dalam Pengaturan Waktu Laman Kecepatan Situs,
klik tab Penjelajah.
Di laman ini, pada urutan tampilan laman default,
kita akan melihat laman yang paling banyak dikunjungi pada situs,
Anda dapat melihat kecepatan relatif untuk setiap laman.
Ternyata, laman paling populer ketiga saya, laman kategori YouTube,
yang menjual barang seperti botol air dan magnet YouTube,
masih sangat lambat, 350% lebih lambat
daripada waktu rata-rata laman seluler saya, seperti yang telah kita lihat sebelumnya,
kinerjanya tidak terlalu cepat.
Kita dapat menggunakan fitur ini untuk membuat daftar laman populer
namun sangat lambat yang ingin kita selidiki nantinya.
Sekarang, mari buka Saran Kecepatan Laman
untuk mencari tahu apa saja yang harus kita perbaiki.
Di sana kita bisa melihat bahwa untuk laman YouTube, ada
sembilan saran kecepatan laman.
Mengeklik saran akan meluncurkan Wawasan Kecepatan Laman
di jendela baru.
Di sini, kinerja situs Anda akan langsung diberi prakiraan nilai.
Setelah selesai, lihat Kinerja Seluler.
Ternyata laman YouTube kami hanya bisa meraih,
skor 55 dari 100 berdasarkan
praktik terbaik kinerja situs.
Kalau diberi nilai huruf, situs kami akan mendapat nilai F. Karena video ini
membahas cara membuat perbaikan cepat untuk kinerja seluler,
kami akan berfokus untuk memperbaiki saran dengan tanda seru warna merah
yang paling sederhana.
Anda mungkin sudah familier dengan beberapa saran yang ada di tampilan itu, tapi mungkin juga ada yang belum.
Namun Anda dapat memperluas tampilan setiap saran untuk melihat detail selengkapnya.
Saya sangat ingin Anda memahami
betapa mudahnya dan, mungkin, betapa menguntungkannya
jika Anda menerapkan saran kinerja ini.
Saya telah membuat bagan yang terbagi dalam dua slide,
yang semoga saja menyoroti saran kinerja yang mudah untuk dilakukan
dan memberikan penjelasan lebih lanjut untuk menerapkan saran yang agak lebih sulit.
Silakan jeda video ini jika Anda ingin meninjaunya lebih lanjut.
Bagian atas bagan, mencakup saran yang mudah dilakukan
dan dapat diselesaikan dalam waktu beberapa jam saja
oleh seorang pengembang atau seseorang yang memiliki keahlian teknis.
Pertama adalah mengaktifkan kompresi.
Mengaktifkan kompresi adalah menyatukan sumber daya dalam satu file zip.
Jadi, data yang ditransfer antara server web dan klien
jadi lebih sedikit.
Anda hanya perlu melakukan perubahan setelan sederhana pada file konfigurasi
server Anda.
Anda dapat melakukan proses meminimalkan sumber daya dengan mudah
dengan menggunakan alat yang telah tersedia secara publik.
Misalnya saja dengan menggunakan Skrip Asinkron, Anda hanya perlu
menyalin dan menempel cuplikan
kode baru untuk mengganti kode yang sudah lawas.
Untuk meningkatkan penyimpanan cache browser, Anda cukup
menambahkan header HTTP yang sesuai ke sumber daya Anda.
Saran kecepatan terakhir yang cukup mudah dilakukan
adalah menghindari pengalihan laman landas.
Agar pengunjung tidak dialihkan dari laman landas,
itu berarti Anda perlu memperbaiki URL sumber agar langsung mengarah
ke laman target, bukan ke laman perantara apa pun.
Di sini bisa dilihat bahwa Anda akan sangat terbantu untuk memperbaiki pengalihan yang berlebih
dengan, sekali lagi, melihat penundaan (latensi) pada ponsel cerdas.
Setiap pengalihan akan mengharuskan pengguna seluler
untuk menunggu setidaknya 0,5 detik lebih lama hingga laman dimuat.
Sekarang mari kembali ke saran dengan tingkat kesulitan rendah lainnya,
mengaktifkan kompresi sama mudahnya dengan menyalin kode
ke file konfigurasi server.
Di sana sudah ada file konfigurasi master sumber terbuka
yang dapat Anda rujuk, atau Anda salin,
untuk setelan keamanan dan kinerja yang benar
bagi server Anda.
Saran kecepatan pada laman kedua bagan ini
perlu dilakukan oleh pengembang yang lebih mahir kemampuannya.
Banyak di antaranya bukanlah perbaikan yang
dapat Anda lakukan dalam beberapa jam.
Saran tersebut membutuhkan pemikiran yang lebih mendalam serta penyempurnaan proses.
Tapi tenang saja, saya masih ingin menjelaskan pada Anda
tentang saran untuk mengoptimalkan gambar.
Untuk mengoptimalkan gambar, ada banyak perbaikan yang harus dilakukan. Mulai dari
peningkatan dari kompresi lossless (kompresi yang tidak menghilangkan data)
sampai membuat dan memangkas gambar secara khusus
untuk situs seluler Anda.
Langkah untuk mengoptimalkan gambar tidaklah sesederhana langkah dalam
beberapa saran kecepatan yang lain
yang ditampilkan pada slide sebelumnya.
Namun hal ini dapat memberi dampak yang besar untuk situs Anda.
Gambar menghabiskan 65% data web seluler Anda.
Bila Anda mengoptimalkan sumber daya ini, Anda dapat mengurangi waktu unduhan
dan pada akhirnya laman akan dimuat dengan lebih cepat.
Kesimpulan utama dari semua langkah ini
adalah jika Anda memiliki laman seluler dengan lalu lintas pengunjung yang tinggi
namun memiliki saran kecepatan dengan tanda seru warna merah di tingkat kesulitan pengembang
yang rendah, jika Anda mengoreksinya maka itu akan berdampak baik bagi pengunjung
dan bisnis Anda.
Tapi agar Anda semakin terinspirasi untuk memperbaiki kinerja situs,
mari kita buka WebPageTest.org.
Dengan Web Page Test, kita dapat memasukkan laman,
seperti laman kategori YouTube, dan menganalisis kecepatannya.
Pilih perangkat seluler, seperti ponsel cerdas
iPhone atau Android.
Saat Web Page Test selesai memeriksa laman yang lambat,
maka kita dapat langsung melihat masalahnya.
Saya meninjau laman ini dengan kolega saya, Ilya Grigorik,
yang fokus utamanya adalah pada kinerja situs.
Ketika dia melihat hasilnya yang mirip air terjun, dia bilang -- Ya ampun.
Air terjunnya jelek sekali.
Dari tampilan visual hasil pemeriksaan yang mirip air terjun itu, kini kita dapat mengerti
kenapa laman perlu waktu lebih dari 15 detik untuk dimuat seluruhnya.
Bilah warna biru adalah unduhan konten
yang dibutuhkan untuk memuat laman.
Agar laman mulai merender, dibutuhkan
waktu hampir 7 detik.
Dengan kinerja ini, situs saya pada dasarnya
mengharapkan pembeli YouTube menunggu selama tujuh detik
untuk menerima masukan visual, dan lebih dari
15 detik sampai seluruh laman berhasil dimuat.
Jika Anda masih belum terinspirasi untuk segera
meningkatkan kinerja situs,
harap diingat bahwa "Yang Diinginkan Pengguna
Situs Seluler Saat Ini," 61% pengguna
mengatakan bahwa bila mereka tidak langsung menemukan apa yang dicari
di situs seluler, mereka akan
segera pindah ke situs lain.
Itulah sebabnya membandingkan laman dan wawasan kecepatan laman Anda
dengan laman pesaing yang serupa adalah aktivitas yang menyenangkan.
Karena sampai sekarang saya gemar berolahraga
dan sebagai anak bungsu dengan dua kakak perempuan,
saya sangat termotivasi untuk semakin meningkatkan kemampuan,
apalagi kalau saya kalah bersaing dari kedua kakak saya.
Nah, begitu juga di Web Page Test. Di sana Anda dapat mengunduh tampilan potongan film
untuk perenderan laman seluler Anda.
Anda dapat membandingkan potongan film tersebut
dengan laman situs pesaing yang juga bergerak di bidang yang sama dengan Anda.
Mengakhiri video ini, berikut adalah berbagai sumber daya yang bisa digunakan.
Ada Kecepatan Laman dengan alat seperti artikel dan wawasan
Kecepatan Laman.
Selain itu, juga ada video yang dibuat oleh Ilya
dan anggota Tim Kecepatan Laman.
Terakhir, Anda juga bisa menggunakan WebPageTest.org.
Terima kasih telah menonton.