10 Alat Kecepatan Halaman untuk Melihat Seberapa Cepat Halaman Arahan Anda Dimuat

Sebagian besar situs kehilangan setengah dari pengunjung mereka saat halaman dimuat. Itu adalah kenyataan mengejutkan yang sulit dipercaya, tapi mungkin tidak ketika Anda memperhitungkan rasio pentalan halaman web rata-rata adalah 58,18% hari ini. Lebih buruk lagi, rata-rata rasio pentalan halaman arahan pasca-klik berkisar antara 60 hingga 90%.

Halaman seluler sama-sama dipengaruhi oleh kecepatan halaman yang lambat. Sebuah studi Google dan SOASTA 2016 menemukan bahwa rata-rata waktu buka situs web seluler untuk sesi terpental sekitar 2,5 detik lebih lambat daripada sesi yang tidak terpental.

Situs web yang memuat lebih cepat biasanya menghasilkan rasio pentalan yang lebih rendah, selain peringkat SEO yang lebih tinggi, kunjungan situs yang lebih lama, lebih banyak keterlibatan, dan rasio konversi yang lebih tinggi. Dengan korelasi yang kuat antara waktu buka dan rasio pentalan, pemasar harus memanfaatkan alat kecepatan halaman untuk hasil yang maksimal.

Sebelum menganalisis alat paling tepercaya untuk menguji kecepatan halaman, mari kita lihat faktor paling umum dan elemen halaman yang memengaruhinya.

Bagaimana pengaruh kecepatan halaman?

Saat permintaan halaman dibuat, komponen sisi depan dan sisi server harus menyelesaikan operasi masing-masing. Jadi, bahkan setelah Anda mengoptimalkan front-end Anda, Anda dapat mempercepat waktu muat lebih banyak lagi dengan mengoptimalkan sisi server (bagaimana halaman dibuat oleh server Anda):

Karena kedua sisi berurutan, waktu kumulatifnya dianggap sebagai total waktu buka halaman.

Beberapa faktor paling umum yang memperlambat kecepatan halaman di suatu tempat dalam gambar di atas meliputi:

• Gambar besar dan grafik teks
• Video
• Panjang halaman
• Skrip, font, dan plugin (HTML, JavaScript, CSS)
• Pengalihan yang tidak perlu
• Geografi (negara, kota, organisasi, ISP, kecepatan jaringan)
• Bandwidth

Alat berikut membantu menguji berbagai masalah ini, memberi Anda pemahaman yang lebih baik tentang kecepatan situs web Anda.

10 alat kecepatan halaman paling tepercaya

Catatan: Masing-masing alat ini menawarkan fitur, pelaporan, dan cara uniknya sendiri untuk membedah hasil Anda, yang berarti Anda mungkin menerima hasil waktu buka halaman yang berbeda. Jarak geografis antara lokasi pengujian dan server tempat situs web Anda dihosting juga berperan. Selain itu, menjalankan alat untuk pertama kali mungkin lebih lambat, jadi sebaiknya jalankan pengujian beberapa kali dan ambil rata-rata hasilnya.

1. GTmetrix

GTmetrix menganalisis situs Anda menggunakan kombinasi 27 rekomendasi kecepatan halaman (tes kecepatan Google) dan 19 rekomendasi YSlow (tes kecepatan Yahoo). Di bagian atas laporan, skor kinerja disediakan dari A hingga F, serta detail halaman termasuk waktu buka, ukuran halaman, dan jumlah permintaan.

Waktu muat disediakan sebagai "waktu yang dimuat penuh" secara default (waktu dari saat pengunjung pertama kali membuka halaman hingga 2 detik setelah tidak ada aktivitas jaringan). “Waktu muat” adalah opsional (ketika halaman web telah selesai diproses dan semua sumber daya di halaman, termasuk gambar, teks, dan skrip, telah selesai diunduh). Sisa laporan dibagi menjadi enam bagian berbeda: PageSpeed, YSlow, waterfall, pengaturan waktu, video, dan riwayat.

GTmetrix memungkinkan Anda menguji dan membandingkan kinerja situs web dengan berbagai jenis koneksi untuk melihat bagaimana pengaruhnya terhadap kecepatan pemuatan halaman Anda. Ini menawarkan fitur pembatasan koneksi untuk mensimulasikan kemungkinan jenis koneksi internet yang mungkin digunakan pengunjung situs Anda: Kabel, DSL, seluler 3G, seluler 2G, dan dial-up 56K. Anda juga dapat memilih Chrome atau Firefox sebagai browser yang memungkinkan.

Alat ini memiliki 7 lokasi pengujian, tetapi menyediakan total 28 server pengujian khusus: 11 di Vancouver, Kanada; 5 di Dallas, AS; 7 di London, Inggris; 2 di São Paulo Brasil; 1 di Sydney, Australia; 1 di Mumbai, India; dan 1 di Hong Kong, Cina.

GTmetrix mendukung HTTP/2, yang memuat halaman web lebih cepat daripada HTTP/1.1, dengan mencoba memecahkan banyak kekurangan dan keterbatasan HTTP/1.1. Manfaat HTTP/2 meliputi:

• Multiplexing dan konkurensi (beberapa permintaan dapat dikirim secara berurutan dengan cepat pada koneksi TCP yang sama)
• Ketergantungan aliran
• Kompresi tajuk
• Dorongan server

Selain itu, GTmetrix adalah salah satu dari sedikit alat kecepatan halaman yang juga menawarkan pengujian kinerja seluler. Ini menggunakan dua ponsel Samsung Galaxy Nexus, sehingga pengguna dapat membuat laporan kinerja berdasarkan pemuatan halaman aktual pada perangkat ini.

2. Pingdom

Pingdom memungkinkan Anda untuk menguji kecepatan situs web Anda dari 3 lokasi utama:

• Dallas, Texas
• Melbourne, Australia
• San Jose, California

Ini memberikan nilai kinerja berdasarkan rekomendasi PageSpeed ​​Google untuk versi gratis dan rekomendasi YSlow untuk versi berbayar. Pingdom juga menampilkan waktu buka, ukuran halaman, jumlah permintaan, dan cara situs Anda menguji situs lain. Wawasan tambahan mencakup pengelompokan ukuran halaman menurut jenis konten, ukuran halaman menurut domain, permintaan menurut jenis konten, dan menurut domain.

Salah satu manfaat utama dari tes kecepatan Pingdom adalah bahwa pengguna diberikan wawasan kinerja, menguraikan di mana perbaikan dapat dilakukan. Namun, tidak seperti GTmetrix, Pingdom hanya menawarkan waktu onload (waktu tidak terisi penuh), tidak menawarkan pembatasan koneksi, dan tidak mendukung HTTP/2.

3. Wawasan Google PageSpeed

PageSpeed ​​Insights adalah tes kecepatan Google yang memberikan rekomendasi untuk peningkatan dan memberi skor pada halaman Anda dari 0 hingga 100 poin, berdasarkan dua parameter:

1. Waktu untuk memuat paro atas (total waktu halaman untuk menampilkan konten paro atas setelah pengguna meminta halaman baru)
2. Waktu untuk memuat halaman penuh (waktu yang dibutuhkan browser untuk merender halaman sepenuhnya setelah pengguna memintanya)

Semakin tinggi skor Anda, semakin optimal situs Anda dan apa pun di atas 85 menunjukkan bahwa halaman Anda berkinerja baik.

PageSpeed ​​Insights memberikan laporan untuk versi desktop dan seluler halaman Anda. Ini mengambil URL dua kali — sekali dengan agen pengguna seluler dan sekali dengan agen pengguna desktop. Laporan seluler menyertakan kategori tambahan yang disebut “Pengalaman Pengguna” yang mencakup konfigurasi area pandang Anda, ukuran target ketuk (tombol dan tautan), dan ukuran font.

Tim PageSpeed ​​Insights juga baru-baru ini meluncurkan alat kecepatan halaman baru di “Think with Google,” yang berada di urutan berikutnya dalam daftar.

4. Pikirkan dengan Google: Uji Situs Saya

Perbedaannya dengan yang ini adalah hanya menguji kecepatan halaman seluler.

Di bagian atas halaman hasil, adalah waktu pemuatan dan perkiraan kehilangan pengunjung (mewakili persentase pengunjung yang hilang dari halaman Anda karena waktu pemuatan):

“Waktu muat” adalah Indeks Kecepatan (bukan waktu yang dimuat penuh), mengukur berapa lama konten halaman yang terlihat muncul menggunakan Chrome di perangkat Moto G4 dalam jaringan 3G. (Catatan: Jaringan 3G digunakan untuk pengujian karena 70% koneksi jaringan seluler secara global akan terjadi pada kecepatan 3G atau lebih lambat hingga tahun 2020.)

Bagian tengah dari hasil adalah perbandingan industri, dihitung dari studi internal Google terhadap lebih dari 5 juta halaman web:

Terakhir, alat Uji Situs Saya menunjukkan berapa banyak waktu yang dapat dihemat dengan melakukan beberapa perbaikan pada halaman Anda, lengkap dengan laporan terperinci tentang perbaikan yang direkomendasikan oleh PageSpeed ​​Insights:

5. Kartu Skor Kecepatan Google

Kartu Skor Kecepatan mencakup ribuan situs di 12 negara berbeda dalam basis datanya dan memungkinkan Anda membandingkan hingga 10 domain untuk melihat bagaimana situs seluler Anda tersusun. Anda juga dapat membandingkan kecepatan memuat halaman Anda di kedua koneksi 3G dan 4G.

Karena kita telah membahas bagaimana kecepatan pemuatan halaman yang lambat dapat memengaruhi rasio pentalan dan rasio konversi, bagaimana dengan pendapatan? Untuk memberi Anda gambaran, Google juga menyertakan Kalkulator Dampak untuk memperkirakan jumlah dolar yang dapat hilang dari pendapatan potensial merek dengan halaman pemuatan yang lambat:

Untuk melihat perkiraan kerugian Anda, lengkapi bidang kalkulator: domain, kecepatan saat ini, pengunjung bulanan rata-rata, nilai pesanan rata-rata, dan tingkat konversi (banyak di antaranya dapat ditemukan di dasbor Google Analytics).

6. KunciCDN

KeyCDN adalah alat kecepatan halaman lain yang berfungsi dengan baik di perangkat seluler. KeyCDN menawarkan 16 lokasi pengujian untuk dipilih dari seluruh dunia dengan opsi untuk menjadikan hasil pengujian pribadi atau membagikannya secara publik kepada orang lain.

Hasilnya mencakup perincian air terjun dengan pratinjau situs web di bagian bawah. Di dalam hasil, Anda dapat melihat berapa banyak permintaan HTTP yang dibuat, ukuran penuh halaman yang diminta, dan waktu buka.

7. Tes Halaman Web

WebPagetest mencakup lebih dari 40 lokasi pengujian yang berbeda untuk dipilih dan lebih dari 25 browser — termasuk 14 perangkat seluler. Begitu banyak lokasi pengujian yang tersedia karena siapa pun dapat meng-host lokasi pengujian untuk WebPagetest, selama mereka memenuhi persyaratan sistem minimum.

Pengujian dapat dijalankan dengan fitur pembatasan koneksi untuk mensimulasikan koneksi internet potensial yang mungkin digunakan pengunjung situs: Kabel, DSL, 3G Lambat, 3G, 3G Cepat, 4G, LTE, Mobile Edge, 2G, 56K dial-up, FIOS, Koneksi Asli , dan kecepatan khusus.

Ini menawarkan pendekatan pengujian yang unik, menjalankan "tampilan pertama" dan "tampilan berulang." Ini juga menyediakan fitur yang lebih canggih seperti pengambilan video, transaksi multi-langkah, pemblokiran konten, menonaktifkan JavaScript, mengabaikan sertifikat SSL, dan spoofing string agen pengguna.

Ketika WebPagetest memberikan hasilnya, itu memberi situs Anda nilai huruf dari A ke F, berdasarkan waktu yang dimuat penuh secara default, dengan waktu onload opsional. Parameter penilaian lainnya termasuk FTTB, kompresi, caching, penggunaan CDN yang efektif, dan banyak lagi. Laporan ini dibagi menjadi enam bagian — ringkasan, detail, tinjauan kinerja, perincian konten, dan tangkapan layar — memberikan informasi diagnostik yang kaya dengan diagram waterfall, pemeriksaan pengoptimalan Kecepatan Halaman, dan saran peningkatan.

Satu catatan terakhir adalah bahwa HTTP/2 didukung oleh WebPagetest.

8. Dotcom-Monitor

Dotcom-Monitor menawarkan 20 lokasi pengujian yang berbeda di seluruh dunia dan tujuh browser, termasuk mobile dan berbasis cloud. Yang unik dari alat ini adalah Anda dapat menjalankan semua pengujian geografis secara bersamaan, lalu mengeklik setiap laporan untuk mempelajarinya lebih lanjut.

Laporan dibagi menjadi lima bagian — ringkasan, kinerja, perincian waterfall, host, dan kesalahan di mana Anda dapat menemukan:

• Ringkasan berdasarkan lokasi
• Pengujian waktu buka berbasis browser untuk semua elemen halaman
• Deteksi elemen lambat/hilang
• 10% elemen tercepat
• 10% elemen paling lambat
• Bagan air terjun yang komprehensif
• Perincian berdasarkan elemen host (termasuk DNS, koneksi, SSL, permintaan, paket pertama, dan unduhan)
• Pemeriksaan kesalahan dan diagnostik

9. Lokasi halaman

Alat Pagelocity tersedia dan responsif di desktop dan perangkat seluler. Ini memberi pengguna skor total dari 100 berdasarkan komponen seperti status konten, struktur halaman, dan pengkodean. Laporan tersebut meliputi:

• Ringkasan konten: Wawasan berharga tentang konten teks halaman Anda (kata kunci, tautan judul, teks alternatif untuk gambar, dll.)
• Rincian sumber daya: Informasi mengenai struktur halaman Anda — berapa banyak gambar, skrip, atau file gaya yang dimilikinya, serta konten yang memblokir perenderan dan bagaimana faktor-faktor ini dapat memengaruhi waktu buka halaman Anda
• Kiat dan wawasan kode: Saran tentang cara memperbarui kode Anda agar lebih mudah dipelihara dan diperluas, dengan data berguna tentang markup Anda (kelas/Id, tag, Google PageSpeed, Time to First Byte, dll.)

Fitur unik Pagelocity adalah analisis persaingan dengan metrik berdampingan yang diberikannya, menunjukkan keunggulan Anda dibandingkan pesaing Anda, dan kelemahan apa pun yang mungkin mereka miliki.

10. YSlow

YSlow adalah proyek open source yang menganalisis halaman web berdasarkan 23 dari 34 aturan Yahoo! untuk situs web berkinerja tinggi. Ini mengikuti tiga langkah untuk menghasilkan hasil tes kinerjanya:

• Merangkak DOM untuk menemukan semua komponen (gambar, skrip, dll.)
• Mengambil informasi tentang setiap ukuran komponen (gzip, header kedaluwarsa, dll.)
• Menggunakan data untuk menghasilkan nilai untuk setiap aturan, memberi Anda nilai keseluruhan

YSlow juga menawarkan ringkasan halaman dengan statistik, saran peningkatan, dan alat untuk analisis kinerja (termasuk Smush.it dan JSLint).

Untuk menjalankan alat kecepatan halaman YSlow, Anda dapat menggunakan ekstensi chrome YSlow atau mendapatkan hasil YSlow dari GTMetrix.

Penting untuk dicatat bahwa skor, wawasan, dan umpan balik yang diberikan oleh masing-masing alat ini adalah rekomendasi — tidak sulit, aturan atau persyaratan yang harus dipenuhi. Juga, sadarilah bahwa Anda mungkin sudah melakukan apa yang disarankan oleh sebuah laporan, dan mungkin alat itu tidak menangkapnya.

Jika Anda memutuskan bahwa Anda perlu membuat perubahan untuk membuat halaman web Anda memuat lebih cepat dan memberikan pengalaman pengguna yang lebih baik, ada beberapa cara umum.

Bagaimana merek dapat mempercepat halaman web mereka?

Alat di atas sangat berguna untuk memeriksa masalah halaman utama yang dapat diperbaiki dengan mudah. Jadi, mari luangkan waktu sebentar untuk membahas beberapa perbaikan tersebut di sini.

Optimalkan gambar

Pastikan gambar tidak lebih besar dari yang seharusnya, dalam format file yang benar, dan dikompresi untuk web. 25% halaman dapat menghemat lebih dari 250KB dengan mengompresi gambar dan teks, dan 10% dapat menghemat lebih dari 1MB. Mengenai video, tinggalkan atau simpan file di platform lain (seperti YouTube atau Vimeo) daripada server Anda.

Muat secara tidak sinkron

Memilih pemuatan asinkron memungkinkan elemen dimuat secara bersamaan, bukan berurutan, untuk mencegah keterlambatan dalam kecepatan pemuatan halaman.

Perkecil CSS, JavaScript, dan HTML

Optimalkan kode Anda dengan menghilangkan spasi, koma, dan karakter lain yang tidak perlu, menghapus komentar kode, dan meminimalkan pemformatan.

Kurangi pengalihan

Mengurangi pengalihan membuat perbedaan besar karena setiap kali laman dialihkan ke laman lain, pengunjung harus menunggu lebih lama lagi hingga siklus permintaan-tanggapan HTTP selesai.

Tembolok halaman Anda

Cache browser berarti browser tidak perlu memuat ulang seluruh halaman Anda saat seseorang mengunjungi kembali situs Anda. Dengan menyimpan informasi seperti lembar gaya, gambar, dan file JavaScript, Anda mengurangi jumlah permintaan ke server Anda, secara dramatis mempercepat waktu buka halaman.

Tingkatkan waktu respons server

Waktu respons server dipengaruhi oleh berbagai faktor: jumlah lalu lintas, sumber daya yang digunakan setiap halaman, perangkat lunak yang digunakan oleh server, dan solusi hosting. Untuk meningkatkan waktu respons server, cari kemacetan kinerja, seperti kueri dan perutean database yang lambat, dan kurangnya memori yang memadai.

Pilih alat kecepatan halaman yang sesuai dengan kebutuhan Anda

Memutuskan alat mana yang akan digunakan pada akhirnya bermuara pada metrik yang ingin Anda lacak dan ukur untuk situs Anda. Terlepas dari perbedaan fungsi, masing-masing memberikan nilai yang besar dalam mengidentifikasi area di mana situs Anda mungkin lambat dan memberikan wawasan dan rekomendasi untuk mempercepatnya.

Saat merancang halaman arahan pasca-klik yang dimuat dengan cepat, tidak ada yang bisa dibandingkan dengan AMP. Dengan kerangka kerja yang unik dan HTML minimal, halaman arahan pasca-klik AMP dapat dimuat secara instan, yang memberikan pengalaman pengguna yang luar biasa. Lihat bagaimana pembuat AMP Instapage memungkinkan pemasar digital membuat dan memublikasikan pemuatan cepat dengan cepat dan mudah dengan meminta demo hari ini.