Cara Menguji Kecepatan Situs Web Anda
Kecepatan halaman web adalah metrik peringkat penting yang memengaruhi pengalaman pengguna. Berikut ini cara menguji dan memperbaiki kecepatan situs web Anda dengan benar.

Penelitian dari Google menemukan bahwa tingkat bounce rate situs web meningkat sebanyak 31% dari waktu muat satu detik menjadi tiga detik.

Menurut pengalaman saya, waktu muat halaman adalah salah satu kesalahan teknis yang paling sering dilakukan oleh para pengembang web dan admin web, terutama melalui perangkat seluler.

Langkah pertama untuk mengatasi kesalahan kecepatan halaman adalah memahami bagaimana situs web dimuat dan mengidentifikasi metrik yang paling penting, yang mengarah pada waktu muat yang lebih cepat.

Memahami Kecepatan Halaman: Bagaimana Situs Web Dimuat
Internet itu sangat rumit.

Jadi untuk menyederhanakan penjelasan ini, kita dapat memecah proses pemuatan halaman menjadi dua komponen penting, yang saling berkomunikasi satu sama lain.

Klien Server

Klien: Perangkat web yang mengirimkan permintaan melalui internet ke server untuk merender halaman web. Contoh klien termasuk perangkat komputer yang terhubung ke WiFi, perangkat seluler yang terhubung ke paket data, dan browser yang digunakan untuk menjalankan fungsi ini.

Server: Komputer yang menyimpan alamat web dan berusaha merender permintaan sehingga klien dapat melihat halaman web. Server juga dapat disebut DNS (sistem nama domain), yang menyimpan setiap alamat yang tersedia di internet.

Memahami hubungan antara klien dan server akan membantu Anda menemukan potensi gangguan atau peningkatan latensi yang mengganggu kecepatan halaman situs web Anda.

Seperti yang diketahui semua orang, langkah pertama untuk memuat halaman web adalah mengetikkan URL. URL ini mengirimkan permintaan ke DNS, yang mengambil alamat IP unik dan memproses permintaan di server aplikasi web.

Setelah permintaan diproses, browser pengguna akan mengirimkan respons HTML untuk mulai memproses Model Objek Dokumen (DOM). Waktu untuk menerima informasi ini dikenal sebagai time to first byte (TTFB) – metrik pemuatan halaman yang penting.

Setelah browser memproses respons HTML, browser akan memetakan DOM dan Model Objek CSS untuk menjalankan JavaScript.

Sebelum rendering halaman yang akurat dapat dimulai, browser perlu merender semua elemen CSS dan JavaScript, yang berarti jika ada skrip pemblokiran eksternal, sumber daya tersebut perlu diunduh.

Menghemat Ruang Anda

Kemudian, permintaan lain antara browser dan server harus dilakukan (meningkatkan waktu muat).

Setelah selesai, peristiwa pemuatan jendela akan dipicu, dan halaman akan dimuat sepenuhnya di atas lipatan.

Selain itu, perhatikan bahwa halaman dengan pemuatan asinkron akan terus memuat elemen bahkan setelah peristiwa pemuatan jendela dijalankan.

Namun, waktu pemuatan halaman akan berbeda antara desktop dan perangkat seluler, tergantung pada keramahan situs web dan jaringan yang digunakan perangkat untuk terhubung ke internet.

Sebagai contoh, Google menetapkan tolok ukur untuk kecepatan halaman seluler untuk memuat setidaknya satu detik untuk semua konten di atas lipatan sehingga pengguna dapat berinteraksi dengan situs sesegera mungkin.

Karena latensi jaringan melalui jaringan 4G akan menghabiskan setidaknya 300 milidetik waktu muat halaman, Anda memiliki 700 milidetik untuk mengoptimalkan halaman untuk memuat konten di atas lipatan setidaknya dalam satu detik.

Mencapai tolok ukur ini mungkin dilakukan tetapi sulit.

Jadi, mengapa Google merekomendasikan agar halaman dimuat setidaknya satu detik di atas lipatan?

Pentingnya Kecepatan Situs Web
Karena Google mengandalkan pengalaman pelanggan yang positif untuk mempertahankan pangsa pasarnya, Google hanya ingin menyajikan situs yang dimuat dengan cepat dan efisien.

Akibatnya, Google cenderung memprioritaskan halaman yang dimuat lebih cepat daripada yang lain. Selain itu, analisis Anda akan cenderung mencerminkan hal ini, karena halaman yang lebih lambat akan menghasilkan rasio pentalan yang lebih tinggi daripada halaman yang lebih cepat.

Secara keseluruhan, ada beberapa alasan mengapa memonitor kecepatan halaman Anda sangat penting:

Pengalaman Pengguna: Pengguna mengharapkan halaman yang dimuat dengan cepat melalui perangkat seluler dan desktop. Semakin lambat halaman Anda, semakin lama waktu yang dibutuhkan hingga interaksi pertama dan semakin tinggi rasio pentalan Anda. Hal ini tidak hanya berdampak pada metrik pengguna utama, tetapi juga dapat menurunkan tingkat konversi Anda dan mungkin berdampak pada pendapatan situs web Anda.

Algoritma Google: Penelitian menunjukkan bahwa Google sangat mementingkan kecepatan halaman dalam algoritme peringkatnya, terutama di perangkat seluler. Seberapa besar pengaruhnya terhadap peringkat masih belum diketahui, tetapi Google telah menyatakan bahwa mereka memprioritaskan faktor-faktor, seperti Core Web Vitals (metrik yang tercantum di bawah).

Fungsionalitas dan Pemrosesan: Kecepatan halaman adalah komponen penting lainnya dari fungsionalitas situs web dan dapat menghambat proses dasar, seperti memuat keranjang belanja atau posting blog, yang menyebabkan rasio pentalan tinggi.

Otoritas dan Kepercayaan: Situs web yang memuat dengan cepat mengomunikasikan tingkat kepercayaan dan otoritas tertentu, sedangkan situs web yang memuat dengan lambat dapat mengomunikasikan bahwa situs web Anda dibuat dengan buruk atau bahkan spam.

Dengan mempertimbangkan faktor-faktor ini, Anda tidak akan dapat mengoptimalkan kecepatan halaman situs web Anda tanpa menemukan masalah yang berdampak negatif.

Selain itu, Anda akan menemukan bahwa kecepatan halaman berbeda di berbagai perangkat dan lokasi, sehingga kebutuhan untuk pengujian konstan menjadi lebih penting.

Pertimbangan Saat Menjalankan Pengujian Halaman Web
Tidak semua pengujian atau alat kecepatan halaman akan memberikan hasil yang sama.

Karena alasan ini, menyeimbangkan hasil ini dan memahami metrik apa yang harus diperhatikan akan memberi Anda hasil yang paling tidak bias.

Caching
Pertama dan terutama, saya akan merekomendasikan untuk menguji situs dengan caching diaktifkan dan dinonaktifkan untuk melihat perbedaannya.

Sebagian besar tool biasanya akan mengabaikan caching, tetapi tool lain seperti WordPress memungkinkan Anda untuk menguji kecepatan halaman dengan caching diaktifkan.

Konfigurasikan caching Anda untuk melihat apakah hal itu mengganggu hasil Anda atau membuat hasil yang berbeda dengan apa yang Anda temukan di alat lain.

Lokasi
Banyak orang tidak memperhitungkan lokasi saat menguji kecepatan halaman, tetapi orang-orang di berbagai negara dan wilayah akan mengalami waktu muat yang berbeda tergantung pada jaringan dan kedekatan server mereka.

Saya bahkan pernah melihat orang-orang mengurangi waktu muat situs web mereka secara substansial dengan meng-host situs mereka di server yang lebih dekat secara geografis atau mengaktifkan content delivery network (CDN) – jaringan server terdistribusi.

Menjalankan Beberapa Pengujian
Seperti yang akan Anda alami, setiap pengujian kecepatan halaman dapat memberikan hasil yang berbeda tergantung pada anomali pada situs web atau jaringan Anda.

Karena alasan ini, saya sarankan untuk menjalankan beberapa pengujian pada beberapa alat untuk mendapatkan hasil yang paling akurat tentang apa yang dialami pengguna.

Metrik
Terakhir, kita harus memahami metrik yang paling penting untuk kecepatan muat halaman.

Di bawah ini, saya telah menguraikan beberapa metrik yang paling mempengaruhi kecepatan muat halaman.

Waktu Pemuatan Halaman
Metrik ini memperhitungkan total waktu yang dibutuhkan untuk memuat halaman sepenuhnya.

Google Analytics menyediakan laporan waktu muat halaman untuk setiap URL Anda dan bahkan di berbagai browser.

Waktu ke Byte Pertama (TTFB)
Ini mengukur waktu yang diperlukan browser untuk menerima permintaan HTML dari server.

Nilai TTFB yang buruk dapat mengindikasikan bahwa Anda memiliki banyak file besar di situs web Anda atau perlu pindah ke server baru.

Jumlah Permintaan HTTP
Setiap kali halaman Anda perlu memuat file, halaman tersebut mengirimkan permintaan baru yang dapat menguras kecepatan halaman.

Hal-hal Penting dalam Situs Web

• Cat dengan Konten Terbesar: Waktu yang diperlukan untuk memuat gambar atau elemen teks terbesar pada sebuah halaman. Metrik ini mengukur seberapa cepat pemuatan aktual halaman Anda dirender secara visual.
• Penundaan Input Pertama: Waktu yang diperlukan pengguna untuk berinteraksi dengan halaman (misalnya, mengeklik tautan atau menggulir).
• Pergeseran Tata Letak Kumulatif: Seberapa stabil halaman Anda. Dengan kata lain, ini mengukur apakah elemen halaman bergeser setelah halaman dimuat.
• Data Lapangan Vs. Data Lab
• Terakhir, saat mengukur kecepatan halaman, penting untuk membedakan antara data lapangan dan data lab.

Data lapangan memperhitungkan waktu muat historis sebuah halaman, sedangkan data lab menyediakan data dari tes simulasi.

Google Analytics menyediakan data lapangan dan catatan historis tentang berapa lama waktu yang dibutuhkan, rata-rata, untuk memuat halaman di situs Anda.

Di sisi lain, data lab, seperti Google Lighthouse, menyediakan pengukuran perkiraan kecepatan muat halaman di bawah variabel yang ditetapkan.

Data lab sangat bagus untuk mendiagnosis masalah tertentu, sementara data lapangan adalah cara terbaik untuk memetakan kemajuan dan kegunaan situs web Anda dari waktu ke waktu.

Dengan mengingat tips-tips ini, mari kita jelajahi beberapa alat terbaik yang saya rekomendasikan untuk dicoba oleh setiap situs untuk menguji kecepatan situs webnya.

Alat Terbaik Untuk Menguji Kecepatan Situs Web

Google PageSpeed Insights

Google PageSpeed Insights adalah alat gratis yang dirancang untuk mendiagnosis peluang spesifik di mana kecepatan halaman masih kurang.

Saran-saran ini akan meningkatkan skor kecepatan halaman Anda dan meningkatkan peringkat kata kunci Anda.

Alat ini juga menyediakan metrik untuk Core Web Vitals, waktu untuk interaktivitas, dan indeks kecepatan umumnya.

PageSpeed Insights menggunakan Lighthouse, yang menyediakan data laboratorium untuk memperkirakan bagaimana halaman dimuat pada perangkat standar dengan koneksi WiFi yang baik.

PageSpeed Insights adalah langkah pertama yang berguna untuk mengungkap masalah tingkat permukaan yang dapat dengan mudah diselesaikan.

GTMetrix

GTMetrix adalah alat audit yang sangat baik untuk kecepatan halaman situs web yang menyediakan data lab yang serupa dengan Lighthouse Google dengan alat visualisasi yang lebih baik.

Tab Performance memberi tahu Anda semua yang perlu Anda ketahui tentang Core Web Vitals, dan tab Structure memberikan peluang untuk meningkatkan kecepatan halaman.

Namun, alat favorit saya pada GTMetrix adalah tab air terjun yang memungkinkan Anda untuk memvisualisasikan elemen pemuatan halaman dan bagaimana pengaruhnya terhadap waktu muat halaman.

Pingdom
Pingdom adalah alat berbayar, yang sepadan dengan harganya jika Anda membutuhkan pemantauan kecepatan halaman secara real-time melalui pengaturan Pemantauan Pengguna Nyata.

Perkakas ini memungkinkan data laboratorium simulasi dan data lapangan waktu nyata bagi Anda untuk melihat bagaimana kinerja situs web Anda pada perangkat, jaringan, dan klien yang berbeda.

Pingdom juga menyediakan semua metrik dan wawasan yang dapat ditindaklanjuti yang disediakan oleh piranti lain dengan dukungan berkelanjutan untuk situs web Anda.

WebPageTest
Dari sudut pandang saya, WebPageTest merupakan perkakas uji kecepatan gratis terbaik yang pernah Anda dengar.

Perkakas ini menyediakan semua data lab yang sama dengan Lighthouse, dengan kemampuan untuk menguji pada banyak perangkat dan jaringan.

Beberapa fiturnya yang paling menonjol antara lain:

• Air terjun.
• Video pemuatan halaman Anda.
• Metrik kinerja.
• Melacak tampilan.
• Beberapa pengujian sekaligus.
• Yang paling penting, Anda bisa melihat situs web Anda saat dimuat secara real time dengan Filmstrip View.

WebPageTest bahkan menyediakan kuesioner kecil yang rapi, seperti apakah situs web Anda cepat, dapat digunakan, atau tangguh, dengan jawaban yang memberi tahu Anda di mana situs Anda perlu ditingkatkan.

Konsol Penelusuran Google
Saya sangat menyarankan Anda untuk mengakses Laporan Kecepatan di Google Search Console untuk melihat kecepatan halaman secara lebih terperinci.

Laporan ini memberikan skor kecepatan individual dan kinerja keseluruhan di seluruh browser dan perangkat.

Gunakan Search Console untuk memantau kemajuan atau perubahan apa pun pada situs Anda. Tentu saja, Anda juga dapat menemukan banyak data yang sama di Google Analytics.

New Relic
New Relic menawarkan alat canggih untuk memonitor kecepatan halaman dari waktu ke waktu, men-debug kode Anda, dan bahkan membersihkan pengaya Anda untuk menyalurkan kecepatan situs yang lebih cepat.

Alat ini memerlukan langganan, tetapi memiliki fitur yang berguna seperti memperingatkan Anda ketika kecepatan halaman turun secara real time setelah ada perubahan pada situs.

Kiat Untuk Meningkatkan Kecepatan Situs Web
Meskipun tool-tool tersebut dapat menunjukkan masalah-masalah individual pada situs web Anda, ada beberapa praktik terbaik secara umum yang dapat Anda ikuti untuk meningkatkan kecepatan halaman situs web Anda.

Aktifkan Kompresi
Ukuran file dan gambar yang besar adalah hambatan yang signifikan pada situs web mana pun, jadi mengaktifkan kompresi melalui plugin otomatis dapat membantu.

Ada lusinan plugin yang tersedia untuk WordPress, termasuk yang favorit seperti Optimole dan WP Rocket yang menyertakan plugin Imagify.

Caching
Caching adalah cara mudah lainnya untuk meningkatkan kecepatan situs web dengan cepat untuk pelanggan tetap.

Caching web atau peramban memungkinkan situs web untuk menyimpan sedikit data pada perangkat sisi klien, sehingga lebih sedikit sumber daya yang diambil pada saat mereka memuat situs web.

Plugin seperti WP Rocket dan WP Super Cache memungkinkan untuk melakukan caching dan secara signifikan dapat meningkatkan pengalaman pengguna Anda.

Memuat dengan Malas
Fitur lain yang ditawarkan alat caching seperti WP Rocket atau LazyLoad adalah kemampuan untuk menunda pemuatan file hingga pengguna mengaksesnya.

Dengan kata lain, jika Anda memiliki gambar di bawah lipatan pada halaman web, lazy loading memungkinkan situs web untuk menunda pemuatan gambar tersebut hingga pengguna menggulir ke bawah halaman.

Optimalkan Lokasi Server/CDN Anda
Meng-hosting halaman web Anda di server yang dekat secara geografis dapat secara signifikan mengurangi latensi dan waktu muat.

Namun, jika Anda mendistribusikan konten ke audiens global, berinvestasi dalam jaringan pengiriman konten (CDN) dapat sangat mengurangi waktu latensi dan kecepatan muat untuk orang-orang di seluruh dunia.

Minimalkan Sumber Daya
Selain gambar, CSS dan JavaScript akan menjadi dua elemen terbesar dari halaman web yang harus dimuat.

Oleh karena itu, memperkecil atau menghilangkan sumber daya CSS dan JavaScript yang tidak perlu, seperti data duplikat, akan mengurangi jumlah permintaan dan unduhan yang harus dilakukan oleh klien dan server untuk memuat halaman dengan benar.

Kurangi Plugin dan Kode yang Tidak Perlu
Terakhir, menghilangkan sumber daya yang tidak perlu, seperti plugin backend yang besar, akan membebaskan sumber daya di situs web Anda dan mengurangi beban pada perangkat saat mereka mencoba memuat situs web Anda.

Sayangnya, terlalu umum bagi pemilik situs WordPress untuk meninggalkan plugin lama setelah plugin tersebut tidak lagi digunakan.