The Quick and the Dead: Apakah Kecepatan Halaman Anda Terlalu Lambat?

Kecepatan halaman bukan hanya topik hot-button: itu tombol nuklir merah besar dengan 'BAHAYA' tertulis di atasnya. Ini bisa dibilang pembunuh konversi terbesar di internet.

Stat yang dikutip semua orang adalah bahwa waktu buka Anda harus di bawah 3 detik. “Empat puluh persen orang meninggalkan situs web jika memuat lebih dari 3 detik” – Anda pernah mendengarnya, bukan?

Sayangnya, hal-hal tidak pernah sesederhana itu.

Lambat dan Mantap Kalah Perlombaan

Banyak pemasar masih menganggap kecepatan tidak penting. Mereka ingat kisah kelinci dan kura-kura, di mana kelinci yang cepat tidur siang di tengah perlombaan, membiarkan kura-kura yang lambat tapi mantap mencapai garis finish terlebih dahulu, dan mengatakan pada diri sendiri bahwa orang-orang sabar.

Kita hanya bisa berasumsi bahwa mereka belum pernah benar-benar bertemu orang, karena jika pernah, mereka akan tahu bahwa 'pelan dan mantap' bukanlah cara internet.

Bagaimanapun, ini adalah orang yang sama yang mengeluh ketika Breaking Bad membutuhkan waktu terlalu lama untuk buffer di Netflix, dan mereka memiliki lebih banyak investasi dalam kisah Walter White daripada yang mereka miliki di halaman penjualan Anda.

Studi 3 detik dilakukan pada tahun 2011, dan ekspektasi pemirsa Anda semakin tinggi seiring dengan semakin pendeknya rentang perhatian. Dengan pertumbuhan penelusuran seluler dan bandwidth data yang tidak selalu dapat diandalkan, masalahnya semakin berkembang.

Ini berlaku untuk apa pun yang Anda jual: jika tidak dimuat cukup cepat, pelanggan Anda akan bosan dan berbelanja di tempat lain.

Jadi, apa artinya ini? Jika 3 detik tidak cukup cepat, apa itu?

Dalam kata-kata calon nabi Avril Lavigne, 'itu rumit'. Mari kita bicara angka.

Statistik Kecepatan

Pada awal 2018, Google – sebuah perusahaan yang mengetahui satu atau dua hal tentang apa yang disukai orang di internet – menjadikan kecepatan halaman sebagai bagian dari algoritme peringkatnya. Pada tahun 2019, mereka melakukan lebih banyak tes, yang menunjukkan bahwa hari ini, 53% pengguna seluler akan meninggalkan halaman jika mereka dipaksa untuk menunggu lebih dari 3 detik – kehilangan lalu lintas yang lebih besar.

Hal ini dikuatkan oleh studi Diginow baru-baru ini, yang menemukan 47% pengguna seluler akan meninggalkan halaman jika dipaksa menunggu lebih dari 2 detik .

Semakin lambat halaman Anda, semakin tinggi rasio pentalan Anda:

Ini penting. Banyak. Mengapa?

Prospek Anda bahkan tidak pernah melihat halaman Anda sebelum mereka memutuskan untuk mengklik. Tidak ada pesan, tidak ada pemasaran, tidak ada yang menyentuh bola mata mereka. Desain halaman cantik Anda? Judul yang sempurna, salinan yang menggiurkan itu?

Belum tentu mereka tidak bekerja. Itu karena mereka tidak pernah terlihat. Klik Anda terbuang sia-sia, demi beberapa detik.

Kejam? Sangat. Tapi itulah hidup. Jika ada pemangsa di zaman Kura-kura dan Kelinci, segalanya akan berakhir berbeda. Sup kura-kura akan tetap panas pada saat Kelinci melewati batas aman. Di internet, pemangsa terbesar adalah ambang kebosanan prospek Anda. Dan itu mengumpulkan 53% dari lalu lintas Anda sebelum Anda meninggalkan gerbang.

Hal ini berlaku di setiap perangkat. Sebuah studi Akamai 2017 menunjukkan bahkan pelambatan 100 md dapat merusak konversi sebesar 2,4% di desktop dan 7,1% di seluler:

Fraksi literal detik: 100ms. Kedengarannya tidak banyak, dan bahkan kurang dari itu. Coba eksperimen cepat ini: klik mouse Anda. Selesai? Bagus.

Satu klik itu, dan hanya dengan satu klik, Anda membutuhkan waktu sekitar 250 md. Dua setengah kali lebih lama. Peningkatan kecepatan dalam jumlah kecil itu menyebabkan konversi meningkat. Ada kabar baik di sini.

Karena orang-orang menyadari betapa pentingnya kecepatan halaman, banyak alat telah keluar untuk membantu Anda menguji seberapa cepat halaman Anda. Wawasan Kecepatan Halaman Google mungkin yang paling terkenal, tetapi ada beberapa di luar sana, termasuk GT Metrix dan Pingdom.

Alat gratis ini memungkinkan Anda memasukkan URL Anda dan mereka akan menunjukkan kepada Anda bagaimana skor Anda terhadap berbagai saran praktik terbaik. Mereka akan melihat apa yang Anda lakukan dan memberi Anda skor 100 untuk menilai berapa banyak kotak kecepatan halaman yang Anda centang. Itu bagus… kecuali semua orang salah menggunakannya.

Bisakah Halaman Menjadi Terlalu Cepat?

Percaya atau tidak… ya. Jangan salah paham – tidak ada angka ajaib. Tetapi kecepatan halaman bukan hanya tentang kecepatan. Ini juga tentang halaman.

Survei Akamai itu menemukan konversi tertinggi pada halaman yang dimuat dalam 1,8 detik – tetapi bukan karena 1,8 detik adalah 'istimewa'. Karena 1,8 detik adalah yang tercepat, orang umumnya dapat membuat situs mereka sambil tetap berisi semua hal yang mereka perlukan untuk dikonversi. Anda benar-benar dapat membuat halaman Anda lebih cepat dan mencetak skor lebih baik di Page Speed ​​Insights dengan menghapus video penjualan Anda… tetapi itu tidak akan membantu Anda menghasilkan lebih banyak uang.

Jadi, meskipun alat metrik kecepatan halaman berguna untuk melihat apa yang dapat Anda lakukan untuk meningkatkan, Anda tidak boleh terobsesi untuk mencapai 100 sempurna. Anda harus mencari tahu apa yang perlu dilakukan halaman Anda untuk mengonversi prospek Anda – dan kemudian terobsesi dengan pengoptimalan itu sebanyak mungkin.

Inilah 4 cara bagus untuk membuat halaman Anda bergerak lebih seperti kelinci, dan tidak seperti kura-kura.

Optimalkan Gambar

Sebuah gambar mungkin bernilai ribuan kata, tetapi dalam hal kecepatan memuat Anda dapat menambahkan beberapa nol ke dalamnya dan masih kekurangan. Semua orang ingin halaman mereka indah, tetapi kenyataannya – latar belakang high-def yang cantik dari seorang pria di atas gunung membuat halaman Anda bergerak seperti sedang diseret melalui rawa.

Dan kali ini, ini benar-benar bukan hanya tentang gambaran 'besar'. Setiap foto produk, setiap foto testimonial… semuanya menambah beban. Untungnya, ada dua hal yang dapat Anda lakukan untuk membuat gambar Anda bergerak sedikit lebih seperti elang yang membubung dan sedikit kurang seperti badak yang mati.

Gunakan Optimasi Lossless

Gambar berisi banyak data yang sebenarnya tidak Anda butuhkan. Ya, itu memberikan desas-desus yang bagus untuk mengatakan ada enam belas juta piksel tetapi mata manusia tidak dapat melihat sebanyak itu. Jelas ini bukan pekerjaan manual, tetapi ada banyak alat yang tersedia untuk melakukannya untuk Anda.

Gunakan Dimensi Sebenarnya

Browser tidak dikenal pintar. Anda mungkin berpikir bahwa meskipun Anda tidak melakukan pengoptimalan apa pun, gambar Anda tidak akan terlalu memengaruhi halaman. Tentu, mereka mulai sebagai gambar besar, tetapi pada halaman Anda telah mengubah ukurannya menjadi kecil!

Maaf, Virginia. Ini tidak bekerja seperti itu. Peramban tidak mengetahui seberapa besar gambar seharusnya sampai setelah dimuat. Jadi gambar 6MB itu? Setiap kali prospek mengunjungi halaman Anda, itu memuat semuanya, lalu menskalakannya menjadi ilustrasi paragraf 250x250. Jadi, sebagai gantinya, cari tahu seberapa besar gambar Anda akan ada di situs Anda. Skalakan terlebih dahulu – Anda dapat menggunakan Photoshop, atau program yang lebih murah seperti PixelMator – lalu mengunggahnya ke server Anda.

Dengan begitu, browser hanya memuat apa yang dibutuhkannya, dan halaman Anda bergerak lebih cepat.

Waktu Respons Server

Waktu Respons Server adalah berapa lama waktu yang dibutuhkan server Anda untuk mulai mengirimkan HTML. Ini adalah waktu antara browser muncul dan menggedor pintu, dan server muncul dengan muram, secangkir kopi di tangan, mengatakan "Apa?" Idealnya kurang dari 200 ms – yaitu waktu yang dibutuhkan jari Anda untuk mengangkat dari tombol mouse setelah Anda mendengar bunyi klik. Di dunia di mana SRT 2 detik tidak biasa – sepuluh kali lebih lambat dari yang seharusnya – ini adalah target yang cukup agresif.

Ada banyak hal yang bisa memperlambat server Anda. Logika aplikasi yang lambat, kueri basis data yang lambat, perutean yang lambat, kekurangan sumber daya dan memori… daftarnya terus bertambah, dan jika Anda menggunakan hosting komersial, tidak banyak yang dapat Anda lakukan untuk mengatasinya.

CDN adalah jaringan pengiriman konten. Jaringan server di beberapa pusat data, di seluruh dunia. Ini berarti alih-alih dilayani dari satu lokasi, halaman Anda dilayani dari jaringan penuh server – mana pun yang paling dekat dengan pelanggan Anda yang akan dimuat. Dan karena CDN dirancang untuk mengirimkan konten dengan cepat, server mereka dirancang khusus untuk tujuan ini. CDN bukanlah sesuatu yang dapat Anda buat sendiri (kecuali jika Anda memiliki tim teknologi terbaik di belakang Anda), tetapi ada banyak penyedia komersial yang tersedia.

Caching

Karena siapa pun yang pernah membiarkan pasangannya melihat riwayat pencarian mereka dapat memberi tahu Anda, browser memiliki memori yang sangat panjang. Dan Anda dapat menggunakannya untuk keuntungan Anda.

Pada dasarnya, browser dapat diberi tahu: “Ini bagian dari situs web? Itu tidak akan berubah. Ingat saja untuk lain kali.” Artinya, untuk hal-hal seperti gambar latar yang tidak banyak berubah, Anda dapat memberi tahu browser untuk mengingatnya saja. Saat pemirsa Anda kembali, ia tidak perlu mengunduh konten itu lagi, karena salinannya sudah ada di memori. Dan ini berarti ketika seseorang mengklik salah satu iklan penargetan ulang Anda, halaman dimuat lebih cepat daripada saat mereka pertama kali tiba. Yang merupakan kesan yang cukup licin untuk dibuat. Anda dapat mengatur waktu cache untuk setiap sumber daya di situs Anda di header HTTP. Ada penjelasan tentang bagaimana melakukannya di sini, tetapi berhati-hatilah, ini menjadi sedikit teknis.

(Kiat pro: ini adalah salah satu area yang terlalu fokus pada metrik kecepatan halaman dapat membuat Anda tersandung. Pada sebagian besar item, Anda menginginkan cache panjang yang bagus. Tetapi pada beberapa – seperti, misalnya, analitik Anda – Anda benar-benar tidak' t. Tetapi pemeriksa metrik tidak dapat membedakannya, dan menandai Anda untuk semuanya sama saja.)

Perkecil Kode

Ketika kode yang bagus ditulis, itu akan terlihat seperti ini:

Sama seperti tulisan lainnya, kode harus mudah dibaca ketika Anda mengetahui bahasanya. Jadi, Anda memberi variabel Anda nama yang mudah dipahami. Anda memisahkan fungsi Anda dengan spasi. Anda menempatkan tindakan pada baris baru. Ketika manusia melihat kode seperti itu, mereka bisa membacanya.

Komputer tidak peduli tentang semua itu. Mereka tidak memerlukan fungsi untuk diberi nama 'RevString' ketika 'a' akan melakukannya. 'RevString' memiliki sembilan kali lebih banyak karakter, jadi satu-satunya perbedaan yang dibuat adalah dibutuhkan 9 kali lebih lama untuk membaca.

Ini berarti setiap karakter yang tidak perlu, setiap jeda baris, setiap ruang kosong di HTML Anda – semuanya memperlambat komputer membaca halaman Anda.

Ketika mereka akhirnya bangkit untuk mengendalikan umat manusia, mungkin itu akan menjadi hal yang baik. Tapi hari ini, Anda ingin menghasilkan lebih banyak penjualan sehingga Anda bisa membangun bunker yang akan membuat Anda nyaman berperang, amirite?

(Dan mari kita hadapi itu, membuat masa depan penguasa kita hidup sedikit lebih mudah sekarang hanya bisa menjadi hal yang baik) Jadi untuk memastikan halaman Anda dapat dibaca secepat mungkin, kode Anda perlu diperkecil, yang pada dasarnya berarti mengubah apa yang Anda lihat di atas menjadi sesuatu yang lebih seperti ini:

Itu tidak banyak berguna bagi kami, tetapi komputer akan merobeknya lebih cepat daripada Arnie merobek kantor polisi.

Dapatkan Halaman Lebih Cepat dengan Cara Mudah

Tentu saja, membaca tentang detail teknis untuk mendapatkan kecepatan halaman yang lebih baik adalah satu hal (dan peningkatan besar dalam konversi yang dapat dihasilkannya). Sebenarnya melakukannya sendiri adalah proposisi yang sama sekali berbeda.

Tapi ada cara yang lebih mudah.

Kami mengembangkan Teknologi Halaman yang Dipercepat yang mendukung halaman Convertri secara tepat untuk memastikan siapa pun dapat memiliki waktu pemuatan secepat kilat, bahkan jika mereka tidak memiliki tim teknologi yang dimasukkan ke dalam saku belakang mereka.

Selain empat poin yang dibahas di atas, ia juga menggunakan pra-generasi halaman, pengkodean inline, memotong permintaan server ke minimum, pelindung asal dan kompresi GZIP, serta lebih banyak tweak dan pengoptimalan untuk memastikan halaman Anda bergerak lebih cepat daripada ada yang lain.

Dan kami tidak mengandalkan metrik untuk pengujian kami. Kami menjalankan eksperimen dunia nyata, menciptakan jenis laman landas yang sebenarnya akan Anda gunakan, dengan gambar, video, dan formulir. Kami membuat halaman ini dalam berbagai pembuat dan menguji waktu muat menggunakan Pingdom, untuk memastikan kinerja dunia nyata halaman kami secepat yang kami bisa.

Hasilnya… yah, kami tidak suka menyombongkan diri…

(Itu adalah kebohongan yang ingin kami banggakan.)

Sederhananya, kami telah memastikan halaman penjualan Anda di Convertri lebih cepat daripada halaman yang sama yang dibuat di tempat lain.

Dan bagian terbaiknya adalah Anda dapat mencobanya sendiri.

Join internet cepat, bukan internet mati.