Bagaimana Kecepatan Muat Halaman Mempengaruhi Visibilitas Situs dan Tips Untuk Meningkatkannya

Apakah Anda hanya berfokus pada aspek “nyata” dari strategi pengoptimalan mesin telusur (SEO) Anda, seperti kata kunci dan desain halaman? Bagaimana dengan waktu pemuatan halaman Anda? Tahukah Anda bahwa Google menganggap kecepatan memuat situs web sebagai faktor peringkat yang penting?

Kecepatan muat yang lambat dapat memengaruhi bisnis Anda dalam berbagai cara. Dua yang paling penting adalah peringkat dan kemampuan Anda untuk berkonversi. Saat waktu respons server situs Anda lebih lambat dari dua detik, Google mengurangi jumlah perayap yang mengunjungi situs Anda.

Membangun dari itu, mari selami lebih dalam bagaimana kecepatan memuat halaman memengaruhi parameter situs yang berbeda.

5 Cara Kecepatan Memuat Halaman Mempengaruhi Visibilitas Anda

1. Ini Mempengaruhi Pengalaman Pengguna

Hari ini, pengguna tidak akan menerima alasan untuk kinerja situs web yang buruk. Dan mereka sangat khusus tentang kecepatan memuat situs.

Jika fakta dapat dipercaya, 47 persen pengguna mengharapkan halaman dimuat dalam dua detik. Sementara itu, laporan menunjukkan bahwa 75 persen pengunjung terpental (meninggalkan halaman) jika waktu loading melebihi tiga detik.

Ini memberi tahu kami bahwa setiap detik penundaan waktu pemuatan halaman menyebabkan kerugian yang signifikan bagi pelanggan.

Sebuah survei Think With Google menunjukkan bahwa tingkat bouncing (persentase pengunjung yang meninggalkan situs setelah hanya sampai ke satu halaman) meningkat dengan peningkatan waktu loading halaman. Tingkat bouncing yang meningkat juga memengaruhi metrik keterlibatan dan interaksi pengguna secara keseluruhan.

2. Berdampak Langsung pada Visibilitas Online dan SEO

Pada tahun 2018, perangkat seluler menyumbang lebih dari 53 persen dari total lalu lintas situs web. Dan pada tahun yang sama, Google secara resmi memperkenalkan kecepatan halaman seluler sebagai faktor peringkat. Sejak saat itu, kecepatan memuat halaman menjadi semakin penting.

Ketika Google mengumumkan fokusnya pada pengindeksan seluler pertama beberapa tahun yang lalu, bisnis tidak punya pilihan selain mengoptimalkan situs mereka untuk perangkat seluler. Situs dengan kinerja seluler yang buruk sejak saat itu jatuh ke halaman hasil mesin pencari (SERP).

Sederhananya, jika kecepatan halaman seluler Anda tidak memenuhi standar, hampir tidak mungkin bagi Anda untuk mencapai peringkat yang lebih tinggi.

3. Ini Menyebabkan Penurunan atau Peningkatan Penjualan dan Konversi

Tahukah Anda bahwa penundaan satu detik dalam waktu pemuatan halaman Anda mengurangi konversi sebesar 7 persen?

Jika situs Anda terganggu dengan kinerja rendah, tidak ada jalan lain – Anda kehilangan banyak penjualan. Tingkat bouncing yang meningkat karena kecepatan situs yang rendah telah menyingkirkan sejumlah besar pelanggan potensial dan meminimalkan peluang yang Anda miliki untuk mengonversi pengunjung.

Amazon mensurvei dampak kecepatan memuat halaman terhadap penjualan mereka. Ditentukan bahwa perusahaan dapat kehilangan 1,6 miliar pendapatan setiap tahun jika waktu muat situs mereka bertambah satu detik. Data dari Search Engine Journal juga melaporkan bahwa 70 persen konsumen percaya bahwa kecepatan situs berdampak signifikan terhadap keputusan pembelian mereka.

Jadi, dengan mengoptimalkan kecepatan situs Anda, Anda dapat mengharapkan pertumbuhan yang layak dalam peringkat, konversi, dan, pada akhirnya, penjualan.

4. Mempertaruhkan Loyalitas Pelanggan

Mari pertimbangkan kembali poin-poin yang kami soroti di atas: Kecepatan pemuatan halaman yang lambat membuat konsumen menjauh dan menghasilkan tingkat konversi yang lebih rendah.

Selain itu, pelanggan cenderung tidak mengunjungi kembali situs yang menawarkan pengalaman pengguna (UX) yang buruk. Dengan demikian, kecepatan situs web yang lambat juga berdampak pada loyalitas pelanggan.

Faktanya, HubSpot mengatakan bahwa 80 persen pelanggan yang tidak puas dengan kinerja situs yang rendah tidak akan membeli dari situs itu lagi, membuktikan bahwa pemuatan halaman yang lambat mengurangi pesanan berulang Anda secara signifikan. Halaman yang lambat adalah kerugian yang sangat berat bagi situs eCommerce, yang pendapatannya sangat bergantung pada penjualan berulang.

Selain itu, penelitian oleh Akamai mengungkap perhatian penting lainnya untuk bisnis: 40 persen pengunjung yang tidak puas berbagi pengalaman negatif dengan kontak mereka. Bukti sosial negatif ini kemungkinan akan memengaruhi keseluruhan konversi dan loyalitas pelanggan.

5. Ini Mempengaruhi Lalu Lintas Organik di Situs

Kecepatan situs yang rendah hanya menyebabkan peringkat yang lebih rendah di SERP. Dan ini juga berarti lalu lintas organik yang lebih rendah ke situs Anda. Tahukah Anda bahwa lima peringkat teratas di Google menangkap 67,6 persen dari total klik organik ?

Jika pemuatan Anda kurang dari ideal, Anda sudah kehilangan banyak lalu lintas organik. Sementara itu, jika kecepatan halaman seluler tidak dioptimalkan, Anda kehilangan lalu lintas seluler, yang dapat menghasilkan hingga 50 persen pelanggan potensial Anda.

Berapa Kecepatan Memuat Halaman yang Ideal?

Sejak peluncuran Pembaruan Mobilegeddon pada tahun 2015, bisnis telah mengalihkan fokus mereka ke waktu muat halaman. Mereka juga telah menginvestasikan lebih banyak waktu dan upaya dalam keramahan seluler dan kecepatan halaman seluler.

Namun pertanyaannya adalah: Berapa kecepatan memuat halaman yang ideal, atau seberapa cepat cukup cepat?

Sesuai Google, waktu muat halaman yang disarankan kurang dari tiga detik untuk desktop dan perangkat seluler. Namun, waktu pemuatan halaman rata-rata di semua situs pada perangkat seluler saat ini adalah 22 detik. Screaming Frog mensurvei 20.000 URL untuk memeriksa apakah mereka lulus penilaian PageSpeed ​​Google. Ditemukan bahwa hanya 12 persen hasil seluler dan 13 persen desktop yang lulus ujian.

Anda juga harus mempertimbangkan bahwa pengguna mengharapkan waktu muat yang lebih cepat dari situs web eCommerce. Maile Ohye dari Google berbicara tentang kecepatan memuat halaman eCommerce dalam video Google Webmaster . Dia berkata, “ Dua detik adalah ambang batas untuk penerimaan situs web eCommerce. Di Google, kami menargetkan kurang dari setengah detik.”

Sekarang, setengah detik sepertinya tidak realistis. Namun, jika Anda adalah pemilik situs web eCommerce, Anda harus mengincar kecepatan memuat halaman paling banyak di bawah tiga detik. Patokan ini untuk perangkat seluler dan web.

Pembaruan Terbaru: Data Web Inti

Google ingin meninggalkan kebutuhan bisnis yang terlewat ketika datang ke UX. Dan itulah mengapa baru-baru ini mendaftarkan Core Web Vitals sebagai faktor peringkat penting .

Data Web Inti ini, selaras dengan sinyal UX penting lainnya, kini memengaruhi peringkat. Dan salah satu metrik, yang disebut Largest Contentful Paint (LCP), terkait dengan kecepatan memuat halaman.

LCP mengacu pada waktu yang dibutuhkan untuk merender elemen konten terbesar di halaman. Ini bisa berupa gambar, video, atau elemen lainnya.

Sesuai Google, Cat Konten Terbesar yang ideal pada halaman kurang dari atau hingga 2,5 detik. Apa pun dari 2,5 hingga empat detik perlu ditingkatkan, dan apa pun di luar itu dianggap buruk.

Tips Teknis Untuk Meningkatkan Kecepatan Loading Halaman

Gunakan Jaringan Pengiriman Konten

Salah satu praktik terbaik untuk mengurangi waktu pemuatan situs web adalah menggunakan jaringan pengiriman konten (CDN). CDN dapat membantu Anda mengurangi waktu pemuatan situs dari 20 menjadi 51 persen .

Dalam pengaturan tradisional, Anda menghosting seluruh situs web Anda di satu server. Dan server ini memproses semua permintaan oleh pengguna situs. Sekarang, ketika situs Anda mengalami lalu lintas tinggi, jumlah permintaan meningkat secara signifikan. Dan ini meningkatkan beban di server Anda. Akibatnya, waktu pemrosesan permintaan meningkat, sehingga menunda waktu pemuatan halaman.

Selain itu, ketika pengguna secara fisik jauh dari lokasi server, mereka mengalami waktu muat halaman yang lebih tinggi. Ini karena data harus menempuh jarak yang lebih jauh, meningkatkan waktu pemuatan.

CDN dapat mengatasi tantangan ini. CDN bekerja dengan menghosting situs web Anda di jaringan server global. Jadi sekarang, saat pengguna mengirimkan permintaan, data dialihkan dari server yang terdekat dengan lokasinya.

Juga, karena file Anda di-cache di beberapa server, ini menghemat bandwidth hingga 60 persen. Sekarang, satu server tidak harus memproses semua permintaan.

Kurangi Jumlah Permintaan HTTP

Saat pengguna meminta halaman, permintaan HTTP dikirim untuk setiap komponen halaman. Yahoo melaporkan bahwa server web menggunakan 80 persen waktu buka halaman untuk mengunduh komponen ini. Ini termasuk gambar halaman Anda, skrip, media, stylesheet, dll. Oleh karena itu, waktu rendering halaman meningkat jika ada banyak sekali komponen di halaman.

Jadi, bagaimana Anda bisa memeriksa jumlah komponen halaman dan waktu yang dibutuhkan untuk memuat masing-masing komponen?

Pengguna Chrome dapat mengikuti langkah-langkah berikut:

Catatan: Gunakan Alat Pengembang browser Chrome untuk memeriksa jumlah permintaan HTTP.

• Ikuti tab "Periksa" dengan mengklik kanan halaman Anda.
• Klik pada tab "Jaringan", yang akan Anda temukan setelah menyeret batas kiri.
• Di sini, kolom "Nama" menampilkan semua komponen di halaman.
• Kolom "Ukuran" mencantumkan ukuran setiap komponen yang relevan.
• Anda juga dapat memeriksa waktu yang diperlukan untuk setiap kali memuat melalui kolom "Waktu".
• Jumlah total permintaan dapat dilihat di pojok kiri bawah.

Anda sekarang dapat memeriksa elemen yang tidak berguna dan waktu yang dibutuhkan untuk memuat.

Anda juga perlu mengurangi jumlah permintaan HTTP. Salah satu cara untuk melakukannya adalah dengan mengecilkan dan menggabungkan file halaman web. Cari tahu caranya di poin berikutnya.

Perkecil dan Gabungkan HTML, CSS, dan JavaScript

File HTML, CSS, dan JavaScript membentuk tampilan dan fungsionalitas situs Anda. Dan file-file ini merupakan bagian penting dari permintaan HTTP. Jadi, saat Anda ingin mengurangi jumlah permintaan HTTP, Anda perlu memperkecil file halaman.

Meminimalkan file HTML, CSS, dan JavaScript sangat mengurangi ukurannya. Proses ini memungkinkan pemuatan file-file ini lebih cepat. Selain itu, ada spasi tambahan, lekukan dan pemformatan dalam kode, membuat halaman menjadi berat.

Memperkecil halaman Anda membantu Anda menghapus semua elemen yang tidak perlu ini dan membuat halaman lebih ramping.

Ini menjadi semakin penting ketika Anda memiliki situs web berbasis template. Situs web berbasis template lebih mudah untuk dikembangkan, tetapi mereka dapat menawarkan potongan kode yang berantakan yang memperlambat kinerja situs.

Memperkecil adalah cara yang tepat untuk menyelesaikan masalah ini dan mengurangi ukuran file kode. Selain mengecilkan, Anda juga perlu menggabungkan file-file ini untuk mengurangi jumlah total file. Jadi, jika Anda memiliki banyak file CSS dan JavaScript, Anda dapat menggabungkannya menjadi satu file. Jika WordPress mendukung situs Anda, Anda dapat menggunakan plugin WP Minify atau plugin WP Rocket.

Semua alat ini akan membantu Anda memperkecil dan menggabungkan file HTML, CSS, dan JavaScript dengan mudah.

Jangan Lupa Tambahkan Expires Header untuk Browser Caching

Browser dapat meng-cache sebagian besar file halaman Anda. Ini termasuk gambar Anda, file JavaScript, elemen dinamis, dll.

Dengan mengaktifkan cache browser, Anda mengizinkan browser Anda untuk menyimpan halaman di memori cache. Jadi saat Anda mengunjungi kembali halaman ini, halaman ini dimuat dari cache tanpa mengirimkan permintaan HTTP.

Salah satu cara untuk memanfaatkan caching browser untuk situs Anda adalah dengan menambahkan header "kedaluwarsa".

Header "kedaluwarsa" memberi tahu browser web untuk memuat halaman dari memori cache. Jadi, tajuk "kedaluwarsa" hanya berfungsi untuk pengguna yang pernah mengunjungi situs Anda sebelumnya. Mereka juga harus menyimpan halaman Anda di memori cache mereka.

Saat pengguna ini mengunjungi kembali situs Anda, tajuk "kedaluwarsa" menginstruksikan browser untuk memuat versi halaman yang di-cache.

Sekarang, karena banyak komponen halaman sudah ada di memori cache, mereka memuat lebih cepat. Dan browser hanya meminta beberapa komponen halaman, yang menyebabkan penurunan waktu muat halaman.

Caching browser mengurangi jumlah permintaan HTTP, yang selanjutnya meningkatkan kecepatan memuat halaman.

Terapkan Pemuatan Asinkron

Anda dapat meningkatkan kecepatan pemuatan halaman dengan memilih cara memuat file CSS dan JavaScript. File CSS dan JavaScript dimuat secara sinkron dan asinkron, dan Anda dapat memutuskan bagaimana Anda ingin memuatnya di halaman web Anda.

Seperti kata yang disarankan, saat skrip dimuat secara sinkron, skrip memuat satu demi satu. Dan setiap skrip mengikuti urutan pemuatan sesuai dengan posisinya di halaman. Di sisi lain, saat memuat secara asinkron, banyak skrip dapat dimuat secara bersamaan.

Saat browser Anda memuat halaman, ini mengikuti pola pemuatan dari atas ke bawah.

Contohnya:

• Jika browser menemukan file CSS atau JavaScript sinkron, itu akan memuat file sepenuhnya sebelum bergerak lebih jauh. Urutan ini memperlambat proses pemuatan.
• Sementara itu, jika menemukan file asinkron, elemen lain akan mulai dimuat secara bersamaan. Jadi, tidak perlu menunggu elemen selesai dimuat sebelum bergerak lebih jauh.

Ini memberi tahu kami bahwa Anda harus memilih file CSS dan JavaScript untuk dimuat secara asinkron untuk mencapai waktu pemuatan yang lebih cepat. Jika Anda memiliki situs WordPress, WP Rocket akan membantu Anda mengaktifkan pemuatan asinkron.

Gunakan WP Smush Untuk Mengompresi Gambar Situs Anda

Pengoptimalan atau kompresi gambar sangat penting untuk mengurangi waktu muat halaman. Seringkali, file gambar berukuran besar, dan menunda waktu pemuatan halaman. Namun, Anda tidak dapat membatasi penggunaan gambar atau menghilangkannya. Gambar sangat penting untuk pengalaman pengguna situs Anda, terutama untuk situs eCommerce. Sesuai survei, 66 persen konsumen membutuhkan setidaknya tiga gambar produk sebelum membeli produk.

Cara sederhana untuk mengompres gambar situs untuk situs web WordPress adalah dengan menggunakan plugin WP Smush . Plugin ini berfungsi di latar belakang untuk mengompres gambar saat mengunggahnya. Hasilnya ukuran gambar berkurang tanpa mengorbankan kualitas.

Tunda File JavaScript Saat Memuat Halaman

Menunda file JavaSscript adalah cara yang baik untuk mengurangi rasio pentalan di situs Anda. Ini adalah proses menurunkan prioritas pemuatan file JavaScript hingga elemen halaman lainnya dimuat. File JavaScript biasanya berukuran besar, dan cenderung membutuhkan waktu pemuatan lebih lama. Dengan menundanya, Anda mengizinkan elemen halaman lain memuat lebih cepat tanpa penundaan.

Pemilik situs WordPress cukup mengaktifkan penangguhan dengan menggunakan plugin WP Rocket . Anda hanya perlu mencentang "Muat file JS ditangguhkan" dan simpan perubahannya.

Untuk situs HTML, panggil file JavaScript eksternal di atas tag </body>.

Jadi, begitulah! Terapkan tip-tip ini untuk situs web Anda untuk meningkatkan kecepatan halaman Anda dan meningkatkan visibilitas Anda di mesin pencari.