Kecepatan memuat situs web adalah masalah yang menyakitkan bagi e-commerce. Dan jika dengan versi desktop semuanya lebih atau kurang normal, maka dengan ponsel masalahnya.
Kami menganalisis toko online terbesar di Rusia menggunakan layanan Google PageSpeed Insights untuk 39 variabel - berdasarkan industri dan perangkat. Berapa banyak toko yang masuk ke zona hijau, berapa lama rendering konten dan pemuatan satu halaman penuh, yang berfungsi pada percepatan situs web adalah yang paling populer - dan bacalah hal ini dalam ulasan.
Mengapa semua ini dan kepada siapa ini berguna?
Ketika kami menganalisis kegunaan ponsel dari toko online TOP-20 di Rusia, kami menemukan bahwa hanya 1 toko dari 20 yang lulus tes dalam layanan Google PageSpeed Insights . Sebagian besar bahkan tidak jatuh ke zona "oranye".
Kecepatan unduh penting karena dua alasan:
- situs lambat kehilangan pelanggan - semakin lama situs dimuat, semakin tinggi keinginan untuk kembali ke pencarian;
- Situs cepat lebih cenderung mengambil posisi lebih tinggi di sektor organik (ingat transisi ke pengindeksan Mobile-First ).
Kami memutuskan untuk mempelajari topik kecepatan pemuatan situs dan melihat situasi sebenarnya dalam e-commerce. Kami memilih 48 toko online dari peringkat DataInsight - 8 dari toko yang berbeda:
- produk mobil;
- kecantikan dan kesehatan;
- pakaian, sepatu dan aksesoris;
- barang rumah tangga;
- elektronik dan teknologi;
- toko serba ada.
Setiap toko dianalisis menggunakan PageSpeed Insights dan menyusun tabel ringkasan .
Selanjutnya, kami akan menjelaskan apa arti metrik di PSI dan menganalisisnya di berbagai segmen e-commerce. Informasi ini akan berguna tidak hanya untuk pengembang dan pengoptimal, tetapi juga untuk pemilik toko online untuk memahami tren saat ini.
Apa yang penting untuk diketahui tentang PageSpeed Insights (PSI)
PSI memberikan informasi tentang kecepatan memuat halaman di perangkat seluler dan PC, serta kiat tentang cara membuatnya memuat lebih cepat.
Laporan PSI dibagi menjadi beberapa blok:
- skor untuk kecepatan memuat halaman (peringkat kinerja);
- data pengamatan - data kecepatan pemuatan halaman oleh pengguna selama 30 hari terakhir disajikan (ditarik dari laporan tentang kegunaan browser Chrome);
- simulasi memuat - data kecepatan pemuatan halaman (teknologi Lighthouse digunakan untuk mendapatkannya);
- hasil audit - daftar tugas yang membutuhkan perhatian untuk meningkatkan kecepatan pemuatan halaman.
Kami akan menganalisis secara lebih rinci dan menganalisis setiap kelompok indikator.
Peringkat kinerja
PageSpeed Insights memberikan skor kepada situs berdasarkan analisis kecepatan pemuatannya menggunakan alat Mercusuar (secara terpisah untuk versi desktop dan seluler). Data diperbarui setiap hari dan mencakup 30 hari terakhir.
Nilai pemeringkatan adalah sebagai berikut:
- 90-100 poin - zona "hijau". Anda bisa membuka sampanye.
- 50-89 poin - zona "oranye". Ada kekurangan, tetapi Anda bisa hidup.
- 0-49 poin - zona "merah". Semua itu buruk.
Di dunia yang ideal, situs harus berada di zona hijau. Tetapi kenyataannya sangat keras:
Dari 48 toko online (catatan dari peringkat TOP-100), hanya satu (!) Tinggal di zona hijau jika dilihat dari ponsel. Situasinya mirip dengan desktop - hanya 2 situs yang mencetak 90 poin atau lebih. Ini hanya 2% dan 4% dari total jumlah situs yang dianalisis.
Hampir 90% situs yang dilihat dari ponsel lulus uji kecepatan unduhan dengan hasil yang tidak memuaskan. Jika dilihat dari desktop - sekitar 52%.
Jika Anda melihat kecepatan unduhan rata-rata per industri, maka toko online barang-barang otomatis, serta pakaian, sepatu, dan aksesori, memuat lebih cepat. Toko elektronik dan department store tertinggal.
Data pengamatan: FCP dan FID
Rendering Konten Pertama (FCP)
Cat Konten Pertama (FCP) adalah waktu dari saat Anda pergi ke situs sampai browser menampilkan sedikit konten pertama dari DOM. Dari sudut pandang pengguna, render pertama memberi sinyal bahwa situs tersebut benar-benar memuat.
PageSpeed Insights mengambil nilai FCP dari laporan kegunaan browser Chrome . Persentil FCP ke-90 ditampilkan.
Gradasi nilai FCP:
- 0-1 detik - kecepatan tinggi rendering konten pertama;
- 1-2,5 detik - kecepatan rata-rata;
- lebih dari 2,5 detik - kecepatan rendah.
Nilai FCP Aktual:
Berbeda dengan skor kecepatan pemuatan situs, menurut indikator FCP, tidak ada kesenjangan yang nyata antara versi desktop dan seluler dalam massa total.
Nilai rata-rata FCP berdasarkan industri:
Selain nilai FCP rata-rata selama 30 hari terakhir, PSI juga menampilkan persentase distribusi pemuatan halaman tergantung pada nilai FCP (kecepatan unduh "tinggi", "sedang" dan "rendah").
Contoh:
Dalam contoh ini, dalam 18% dari pemuatan halaman, rendering konten pertama berlangsung tidak lebih dari 1 detik, dalam 62% - dari 1 hingga 2,5 detik, dalam 20% - lebih dari 2,5 detik. Nilai rata-rata adalah 3,3 detik.
Kami rata-rata persentase distribusi unduhan untuk masing-masing dari 48 situs yang dianalisis dan menerima angka-angka berikut:
Tidak ada perbedaan signifikan antara distribusi kecepatan pemuatan halaman di perangkat seluler dan desktop - kecuali persentase pengunduhan kecepatan tinggi di desktop sedikit lebih tinggi.
Delay Input Pertama (FID)
Input delay pertama (First Input Delay, FID) adalah waktu dari awal interaksi pengguna dengan situs (mengklik tautan, tombol, menggunakan elemen JavaScript) hingga browser merespons interaksi ini.
Semakin rendah penundaan input, semakin sedikit pengguna harus menunggu reaksi browser. Tetapi, misalnya, karena skrip yang masif, peramban dapat memprosesnya untuk waktu yang lama, itulah sebabnya ada penundaan masukan yang tinggi.
PSI menunjukkan persentil ke-95 oleh FID - nilai rata-rata selama 30 hari terakhir.
Gradasi nilai FID:
- 0-50 ms - kecepatan tinggi;
- 50-250 ms - kecepatan rata-rata;
- lebih dari 250 ms - kecepatan rendah.
Tidak seperti FCP, nilai FID berbeda tergantung pada perangkat dari mana mereka mengunjungi situs. Saat melihat dari ponsel, penundaan input pertama secara signifikan lebih tinggi daripada saat melihat dari PC. Di 8 situs, pengguna harus menunggu lebih dari 1,5 detik untuk serangan balik, dan di tiga situs - lebih dari 3 detik (yang 60 kali lebih tinggi dari biasanya).
Berdasarkan industri:
Di bidang penjualan pakaian, sepatu, dan aksesori, situs bereaksi paling cepat terhadap tindakan pengguna - baik di ponsel maupun di desktop. Situs di bidang kecantikan dan kesehatan, elektronik dan teknologi, department store merespons lebih lama.
Seperti halnya FCP, layanan PSI menampilkan distribusi persentase dari keterlambatan input FID. Contoh:
Persentase unduhan dengan kecepatan sedang dan rendah di ponsel lebih dari 2 kali lebih tinggi dari indikator yang sama jika dilihat dari desktop. Bagian unduhan berkecepatan tinggi masing-masing adalah 55% berbanding 83%.
Simulasikan pemuatan halaman
Blok laporan PSI ini menampilkan hasil simulasi pemuatan halaman menggunakan teknologi Lighthouse. Enam indikator disajikan di sini. Atas dasar mereka itulah estimasi titik kecepatan pemuatan halaman terbentuk. Apalagi indikatornya memiliki bobot berbeda . Yang penting mereka didistribusikan sebagai berikut:
5 (paling penting) - memuat waktu untuk interaksi (TTI);
4 - indeks kecepatan unduh (Indeks Kecepatan);
3 - memuat waktu konten pertama (FCP);
2 - Waktu akhir CPU (Idle CPU Pertama);
1 - memuat waktu bagian yang cukup dari konten (FMP);
0 (tidak diperhitungkan) - potensi keterlambatan maksimum (FID).
Mari kita melihat setiap indikator.
Waktu Pengunduhan Konten Pertama (FCP)
Kami telah menganalisis indikator ini di atas. Perbedaannya adalah bahwa di blok simulasi unduhan, data diperoleh menggunakan Lighthouse, dan di blok observasi - dari laporan tentang kegunaan browser Chrome.
Waktu pemuatan konten pertama jauh lebih tinggi di seluler. Di 9 situs dari 48 (19%), itu melebihi 6 detik. Saat melihat dari desktop, kecepatan FCP jauh lebih tinggi - di sini hanya 5 situs (10%) yang memiliki rendering pertama lebih dari 2 detik.
Berdasarkan industri:
Waktu Pengunduhan Konten yang Cukup (FMP)
First Meaningful Paint (FMP) adalah waktu dari awal pemuatan halaman hingga saat ketika pengguna melihat cukup konten untuk mulai bekerja dengan halaman tersebut.
Nilai FMP menarik untuk dibandingkan dengan FCP. Dalam 40% kasus, ketika dilihat dari desktop, FMP bertepatan dengan FCP - pengguna pada rendering pertama segera melihat bagian penting dari konten. Dalam kasus lain, pengguna juga harus menunggu konten dimuat (rata-rata - 0,3 detik).
Jika dilihat dari seluler, 46% situs FCP bertepatan dengan FMP, tetapi kesenjangan antara indikator-indikator ini lebih tinggi - rata-rata 1,4 detik (yang 4,7 kali lebih tinggi daripada bila dilihat dari desktop).
Berdasarkan industri (seluler):
Kesenjangan terbesar antara FMP dan FCP diamati dalam bidang penjualan elektronik dan teknologi, terkecil - di toko online sepatu pakaian dan aksesoris. Logika - mengapa begitu - sulit ditemukan. Dapat diasumsikan bahwa ini disebabkan oleh fitur desain situs di berbagai industri.
Berdasarkan cabang (desktop):
Saat melihat dari desktop, situasinya serupa - tetapi kesenjangan antara FCP dan FMP lebih kecil. Selain itu, nilai FMP terendah diamati di bidang produk otomotif, bukan pakaian, sepatu dan aksesoris.
Unduh indeks kecepatan
Indeks Kecepatan adalah waktu yang diperlukan untuk menampilkan bagian halaman yang terlihat. Metrik ini dikembangkan dan digunakan oleh webpagetest. org . Layanan ini mengambil tangkapan layar berturut-turut dari pemuatan halaman, menganalisis dinamika pemuatan konten dan menampilkan Indeks Kecepatan.
Mari kita lihat nilai-nilai Indeks Kecepatan untuk situs yang dianalisis.
Di ponsel, 54% situs memiliki indeks kecepatan unduhan di atas 10 detik dan 85% di atas 5 detik (ingat bahwa Indeks Kecepatan adalah faktor terpenting kedua dalam pembentukan estimasi titik kecepatan situs memuat dalam PSI).
Di desktop, situasinya jauh lebih baik - di sini hanya 23% situs memiliki Indeks Kecepatan di atas 5 detik.
Berdasarkan industri:
Nilai-nilai terbaik dari Indeks Kecepatan diamati dalam penjualan produk otomotif, serta pakaian, sepatu dan aksesoris. Situs toko elektronik seluler memiliki waktu pemuatan terpanjang - rata-rata lebih dari 14 detik.
Waktu Berakhir CPU
Sebelumnya, indikator ini disebut waktu interaksi pertama (First Interactive). Namun di Lighthouse 3.0, namanya diubah menjadi First CPU Idle.
Idle CPU Pertama menunjukkan periode waktu dari awal pemuatan halaman hingga saat saat interaktif minimum:
- sebagian besar, tetapi mungkin tidak semua elemen antarmuka menjadi interaktif;
- halaman merespons rata-rata sebagian besar input manual dalam jumlah waktu yang wajar.
Bandingkan nilai CPU Idle Pertama dengan waktu pemuatan konten yang cukup (FMP). Intinya adalah untuk melihat berapa banyak pengguna, setelah mendapatkan akses ke konten, harus menunggu kesempatan untuk berinteraksi dengan elemen halaman.
Di seluler, hanya 8% situs yang cocok dengan nilai First CPU Idle dan FMP. Dalam kasus lain, ada celah (rata-rata - 8,7 detik). Artinya, jika pengguna ingin mengklik sesuatu pada halaman, elemen tidak akan segera tersedia.
Di desktop, 6% situs memiliki nilai CPU Idle dan FMP Pertama yang sama. Rata-rata, kesenjangan antara indikator-indikator ini adalah 2,7 detik (3,2 kali lebih sedikit daripada di ponsel).
Berdasarkan industri (seluler):
Nilai terkecil dari First CPU Idle adalah di bidang penjualan produk otomotif, yang terbesar adalah di bidang barang-barang rumah tangga. Kesenjangan maksimum ada di toko online pakaian, sepatu, dan aksesori.
Berdasarkan cabang (desktop):
Waktu Unduhan Interaksi (TTI)
Ini adalah metrik paling signifikan ketika mengevaluasi kecepatan memuat situs di PSI.
Time to Interaksi (TTI) adalah waktu dari transisi pengguna ke halaman sampai siap untuk interaksi.
Hasil Analisis:
Di 46% situs saat menjelajah dari seluler, total waktu pemuatan lebih dari 20 detik, dalam 94% - lebih dari 10 detik. Jika dilihat dari PC, hanya 7% situs yang memuat lebih dari 10 detik.
Berdasarkan industri:
Hasil Audit
Selain metrik yang mencirikan kecepatan pemuatan halaman, kami juga menganalisis area mana yang berhasil diuji dalam PSI.
Jumlah rata-rata audit yang berhasil lulus di ponsel adalah 11, desktop - 12.
Tidak mungkin audit 100% dapat diselesaikan, dan ini tidak masuk akal, karena beberapa di antaranya hanya untuk referensi.
Misalnya, audit Penggunaan Pihak Ketiga menunjukkan sumber daya eksternal yang terhubung ke situs (misalnya, Yandex.Metrica, Google Analytics, widget jejaring sosial, dll.). Tentu, tidak ada yang akan menghapus sumber daya tersebut dari situs demi tanda centang hijau di PSI.
Di sisi lain, ada karya yang dapat diselesaikan dalam beberapa menit. Misalnya, mengatur caching, kompresi teks, keterlambatan memuat gambar, memperpendek kode CSS dan JavaScript - semua ini dilakukan dengan sederhana. Tetapi pada saat yang sama, kecepatan unduhan dapat tumbuh dengan baik.
Secara alami, tidak hanya kecepatan unduhan yang memengaruhi kualitas komunikasi dengan klien. Coba modul SEO di sistem Promopult. Ada semua alat untuk meningkatkan kualitas situs dan promosi mesin pencari. Berbagai macam pekerjaan - bersama kami Anda tidak akan ketinggalan satu hal pun. Daftar periksa, tip, pelaporan transparan dan rekomendasi profesional. Dan ya, kami juga memiliki audit situs, tidak kalah menuntut dari PSI.
Untuk meringkas: apakah layak berjuang untuk kecepatan tinggi?
Saat Anda melihat hasil analisis kecepatan unduhan toko online top, Anda tidak ingin menambah banyak keinginan untuk mempercepat situs web Anda sendiri. Dari 48 situs, hanya satu yang lulus tes PSI di perangkat seluler dan desktop dengan kepala tegak. Dengan sisanya, semuanya tidak terlalu, atau sangat buruk. Dan ini adalah "puncak" - dengan tim dan uang. Lalu bagaimana dengan toko regional kecil?
Tetapi pemikiran seperti itu akan membawa Anda ke tempat yang salah.
Sangat berguna untuk melihat "puncak", tetapi tidak selalu fokus pada mereka. Situs besar meluncur keluar karena sejumlah faktor lain selain kecepatan pemuatan. Di sini dan bermacam-macam, dan pinjaman, dan ketersediaan pengiriman, dan program loyalitas. Jangan lupa tentang kekuatan merek. Jika seseorang mencari toko tertentu, ia siap untuk bertahan lama.
Toko-toko kecil hidup dengan aturan lain. Dalam hal bermacam-macam dan layanan, bersaing dengan situs besar tidaklah mudah. Tetapi karena kualitas - misalnya, situs yang cepat dan nyaman - Anda dapat mempertahankan klien dan pada saat yang sama meningkatkan posisi Anda dalam hasil pencarian lokal.
Tentu saja, ketika mempercepat situs, Anda perlu membandingkan biaya dan efek yang diharapkan. Hingga titik tertentu, Anda dapat mempercepat situs Anda dengan cepat dan gratis. Pemuatan muatan malas yang sama, pengaturan caching dan kompresi GZIP diimplementasikan menggunakan plugin atau kode sederhana.
Tetapi sudah optimalisasi struktur, skrip, kecepatan respons server mungkin memerlukan desain ulang situs web yang serius. Dan jika situs Anda mengubah lalu lintas dengan baik dalam kondisi saat ini, maka lebih baik berinvestasi dalam menarik pengguna - SEO, konteks, iklan di jejaring sosial - daripada bertarung untuk beberapa poin di PSI.