{"id":32536,"date":"2020-07-08T02:08:14","date_gmt":"2020-07-08T02:08:14","guid":{"rendered":"https:\/\/blogging-techies.com\/id\/bagaimana-video-memengaruhi-kinerja-web-dan-ux-seluler-bagian-2-putar-otomatis\/"},"modified":"2020-07-08T02:08:14","modified_gmt":"2020-07-08T02:08:14","slug":"bagaimana-video-memengaruhi-kinerja-web-dan-ux-seluler-bagian-2-putar-otomatis","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/id\/bagaimana-video-memengaruhi-kinerja-web-dan-ux-seluler-bagian-2-putar-otomatis\/","title":{"rendered":"Bagaimana video memengaruhi kinerja web dan UX seluler, bagian 2: putar otomatis &#8230;"},"content":{"rendered":"<p><strong>Video seluler adalah tren konten utama yang muncul, dengan merek-merek di mana-mana berkumpul di pasar video seluler baru yang menguntungkan.<\/strong><\/p>\n<p>Mark Zuckerberg mengatakan dalam sebuah panggilan konferensi baru-baru ini dengan para pemegang saham bahwa ia melihat video itu sebagai &#8220;megatren dalam urutan yang sama dengan seluler,&#8221; membuat video seluler, persimpangan keduanya, titik manis untuk menarik konten untuk menarik mata konsumen baru.<\/p>\n<p>Namun sayangnya, masih ada beberapa kendala teknis yang harus diatasi sebelum pengalaman mobile video mulus seperti yang diinginkan perusahaan.  Dalam angsuran kami sebelumnya, kami melihat bagaimana video dapat menjadi konsumen besar data seluler dan mengapa video tidak (tetapi tetap) berdampak pada kecepatan pengunduhan.<\/p>\n<p>Pada bagian ini kita akan melihat masalah kontroversial dari pemutaran video otomatis dan dampaknya pada kinerja situs web seluler, serta bagaimana audio dapat memperlambat kecepatan halaman dan kondisi apa yang membuat pengalaman penonton ( VX) kurang.<\/p>\n<p>Bagian ketiga dan terakhir kami akan mempertimbangkan beberapa solusi yang dapat diterapkan oleh webmaster untuk mengatasi masalah dengan video seluler.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pemutaran_video_otomatis_dan_kinerja_halaman\"><\/span>Pemutaran video otomatis dan kinerja halaman<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Membandingkan data di Arsip HTTP untuk konten rata-rata dari 100 situs paling populer (menurut Alexa) dengan satu juta pertama (ditampilkan di atas) mengungkapkan beberapa statistik yang menarik.<\/p>\n<p>Rata-rata, konten video hanya 17kB (bukan 128kB), yang merupakan 2,1% dari total ukuran halaman, yang 828kB (relatif) tipis.<\/p>\n<p>Ada tiga alasan mengapa ini bisa terjadi:<\/p>\n<ol>\n<li>Situs terbaik menghindari penggunaan video.  (Mengingat ini termasuk spesialis video seperti YouTube, BBC, dan CNN, ini kemungkinan yang paling kecil dari tiga alasan.)<\/li>\n<li>Situs terbaik menghindari penggunaan video di beranda (seluler).  (Halaman beranda YouTube, misalnya, terdiri dari tautan dari gambar ke video, bukan video itu sendiri. Setiap video memiliki situs web sendiri.)<\/li>\n<li>Situs terbaik menggunakan video lebih efisien (seperti yang disarankan Dutton).<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111064 alignnone\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2017\/05\/t47_top_100_youtube_content_breakdown.png\" alt=\"Gambar menampilkan dua bagan 1. Rincian konten untuk beranda dari 100 situs teratas 2. Rincian konten untuk beranda YouTube.  Sumber: File HTTP April 2017\" width=\"615\" height=\"230\"><\/p>\n<p>Membahas anomali nyata dalam penggunaan video di berbagai situs dan 100 teratas dengan pakar kinerja web di HTTP Archive, kami mendapat respons berikut dari Rick Viscomi, Pemimpin Proyek HTTP Archive, dan Advokat Pengembang di Google:<\/p>\n<p>&#8220;Saya kira jawabannya adalah: efisiensi.  Untuk lebih spesifik, saya pikir semuanya turun ke autoplay.  Arsip HTTP hanya mengunjungi satu halaman dan mencatat pemuatan halaman tanpa mengklik.  Video putar otomatis akan ditangkap pada kunjungan tersebut, sedangkan klik untuk putar tidak akan.<\/p>\n<p>\u201cAutoplay adalah pemborosan bagi semua orang yang terlibat karena kunjungan ke halaman tidak selalu menunjukkan niat untuk melihat.  Pengecualian penting adalah YouTube, di mana mengunjungi halaman bermain pasti dimaksudkan untuk ditonton.  Harap perhatikan bahwa hanya beranda yang dirayapi oleh Arsip HTTP.  Jadi teori saya adalah bahwa situs terbaik memilih untuk tidak bermain otomatis agar tingkat pentalan tetap rendah dan konversi tetap tinggi. &#8220;<\/p>\n<p>Secara khusus, putar otomatis video dan audio juga disukai dari perspektif aksesibilitas.  Lihat pedoman BBC ini, misalnya.  Alasan untuk ini adalah bahwa orang-orang tunanetra mengandalkan pembaca layar untuk membaca halaman web dengan keras.  Jelas, jika media audio atau video mulai diputar (termasuk iklan), mereka akan mengganggu pembaca layar dan menyulitkan pengguna untuk mengetahui cara menghentikannya.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dampak_audio_pada_kinerja_halaman\"><\/span>Dampak audio pada kinerja halaman<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salah satu fitur paling berguna dari HTTP Archive atau WebPageTest (dari mana ia ditangkap) adalah filmstrip yang menunjukkan bagaimana sebuah situs web memuat pada perangkat seluler detik demi detik.<\/p>\n<p>Proses pengunggahan untuk situs seluler New York Times pada 1 Mei 2017 ditangkap oleh Arsip HTTP pada gambar di bawah ini.  Kisah audio harian ada di bagian atas halaman seluler, di atas flip, memungkinkan kita melihat dengan jelas bagaimana audio dapat memperlambat kecepatan halaman.<\/p>\n<p>Audio tidak selesai memuat hingga 22 detik, ketika tombol putar akhirnya muncul dan situs tampak selesai.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-111066\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2017\/05\/t47_nytimes__may_1_2017_http_archive.png\" alt=\"Filmstrip menunjukkan kemajuan dari detik ke detik saat situs NY Times memuat pada perangkat seluler.  Diambil pada 1 Mei 2017 oleh HTTP Archive.\" width=\"615\" height=\"385\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pengalaman_pemirsa_buruk_VX\"><\/span>Pengalaman pemirsa buruk (VX)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Dengan asumsi tidak ada putar otomatis, situs web yang disandikan dengan benar seharusnya tidak mengharuskan video untuk diunduh sampai pengguna memintanya dengan mengklik tombol putar.<\/p>\n<p>Namun, begitu pengguna ponsel mengklik tombol putar itu, tingkat harapan berubah &#8230;<\/p>\n<p>Ada tiga kemungkinan masalah VX dengan video:<\/p>\n<ol>\n<li>Video terlalu lambat untuk memulai.<\/li>\n<li>Itu tidak dimulai.<\/li>\n<li>Itu berhenti selama pemutaran;  Ini disebabkan oleh (re) buffering atau koneksi drop, yang biasanya ditunjukkan pada roda pemintalan.<\/li>\n<li>Kualitas video buruk, atau kualitas yang kurang optimal untuk koneksi.<\/li>\n<\/ol>\n<p>Penelitian yang dilakukan oleh Conviva dan nScreenMedia (November 2016) menggambarkan perbedaan dalam kualitas VX ketika pemirsa berada di dalam ruangan (WIFI) atau di luar ruangan (ponsel) untuk video mulai meningkat dari 1,5% menjadi 2,9% dan Masalah penyangga meningkat dari 7,9% menjadi 14,3% dari pandangan.<\/p>\n<p>Ini memiliki dampak penting pada kepuasan pengguna di luar rumah 11,8% dari output sebelum awal video versus 9,0% di rumah.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-111069\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2017\/05\/t47_video_quality.png\" alt=\"Grafik menunjukkan perbedaan dalam kualitas video ketika pemirsa berada di dalam ruangan atau di luar ruangan (seperti yang dijelaskan dalam teks).  Sumber: Conviva dan nScreenMedia (November 2016).\" width=\"615\" height=\"400\"><\/p>\n<p>Penelitian yang dilakukan oleh University of Massachusetts dan Akamai terhadap 6,7 juta pemirsa video pada 2012 juga menunjukkan semakin tidak adanya toleransi terhadap video yang lambat dan tertunda.<\/p>\n<p>Ramesh Sitaraman, profesor ilmu komputer, UMass, Amherst mengatakan pada ClickZ:<\/p>\n<p>\u201cPengguna seluler tidak sabar dan meninggalkan video yang tidak dimulai dengan cepat.  Namun, mereka lebih sabar daripada pengguna yang memiliki akses Internet kecepatan tinggi (misalnya, Fiber), karena ekspektasi kecepatan mereka lebih rendah dibandingkan.<\/p>\n<p>&#8220;Pengguna seluler mulai menjatuhkan video setelah menunggu sekitar 2 detik.  Pada 10 detik, jika video belum dimulai, kira-kira seperlima telah meninggalkannya. &#8220;<\/p>\n<p>Dan saat mandek:<\/p>\n<p>\u201cKami tidak memiliki data terpecah hanya untuk perangkat seluler.  Tetapi kami mempelajari bagian lintas pengguna yang termasuk perangkat seluler.  Secara umum, orang menonton video untuk periode waktu yang lebih singkat ketika video berhenti daripada yang seharusnya.<\/p>\n<p>&#8220;Sekitar 1% peningkatan posisi menyebabkan penurunan 5% dalam menit yang ditonton.&#8221;<\/p>\n<p>Ini adalah <strong>Bagian 2<\/strong> dari seri yang melihat bagaimana video memengaruhi kinerja web seluler dan pengalaman pengguna.  Baca angsuran sebelumnya: <strong>Bagaimana video memengaruhi kinerja web seluler dan pengalaman pengguna, bagian 1: data dan kecepatan pengunduhan.<\/strong><\/p>\n<p>Atau terus membaca bagian selanjutnya: <strong>Bagaimana Video Memengaruhi Kinerja Web Seluler dan Pengalaman Pengguna, Bagian 3: Pemecahan Masalah<\/strong>.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/id\/bagaimana-video-memengaruhi-kinerja-web-dan-ux-seluler-bagian-2-putar-otomatis\/#Pemutaran_video_otomatis_dan_kinerja_halaman\" >Pemutaran video otomatis dan kinerja halaman<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/id\/bagaimana-video-memengaruhi-kinerja-web-dan-ux-seluler-bagian-2-putar-otomatis\/#Dampak_audio_pada_kinerja_halaman\" >Dampak audio pada kinerja halaman<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/id\/bagaimana-video-memengaruhi-kinerja-web-dan-ux-seluler-bagian-2-putar-otomatis\/#Pengalaman_pemirsa_buruk_VX\" >Pengalaman pemirsa buruk (VX)<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Video seluler adalah tren konten utama yang muncul, dengan merek-merek di mana-mana berkumpul di pasar video seluler baru yang menguntungkan. Mark Zuckerberg mengatakan dalam sebuah panggilan konferensi baru-baru ini dengan para pemegang saham bahwa ia melihat video itu sebagai &#8220;megatren dalam urutan yang sama dengan seluler,&#8221; membuat video seluler, persimpangan keduanya, titik manis untuk menarik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":32537,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts\/32536"}],"collection":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/comments?post=32536"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts\/32536\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/media\/32537"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/media?parent=32536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/categories?post=32536"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/tags?post=32536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}