Last Updated on December 21, 2019 by
Kecepatan situs web dapat menjadi faktor penting untuk keberhasilannya. situs web yang memuat halaman web lebih cepat dapat memiliki peringkat SEO yang lebih tinggi, tingkat konversi yang lebih tinggi, tingkat bounce yang lebih rendah, durasi pengunjung yang lebih lama di situs, pengalaman pengguna yang lebih baik secara keseluruhan, dan keterlibatan. Itulah mengapa penting untuk mengambil keuntungan menggunakan speed test gratis yang tersedia di luar sana sehingga Anda dapat mencapai kinerja website yang optimal.
Apa yang akan dianalisa oleh sebuat alat website speed test untuk membantu Anda?
Berikut adalah beberapa cara umum bagaimana alat website speed test digunakan:
- Menentukan skrip, font, dan plugin yang menyebabkan masalah waktu loading (HTML, JavaScript, CSS)
- Memeriksa minifikasi script Anda
- Menemukan gambar besar yang menyebabkan website lambat
- Menentukan apakah Anda memiliki JavaScript atau CSS pemblokiran render
- Menguji Waktu ke Byte Pertama (TTFB)
- Menganalisis total waktu loading, ukuran halaman, dan permintaan
- Memeriksa kinerja dari berbagai lokasi geografis
- Memeriksa kecepatan rendering di berbagai browser
- Menganalisa Header HTTP
- Mengukur kinerja Jaringan Pengiriman Konten Anda
- Memverifikasi bahwa aset memuat dengan benar dari CDN Anda
Daftar Isi
Konsep dari Website Speed Test
Sebelum menjalankan website speed test, penting untuk memahami beberapa konsep di balik cara alat ini bekerja sehingga Anda dapat menganalisis data dengan lebih baik dan kemudian mengoptimalkan performa situs Anda. Anda tidak hanya dapat menguji kecepatan host web Anda, tetapi Anda juga dapat mengukur kinerja CDN Anda.
Time to First Byte (TTFB)
Time to first byte (TTFB) adalah ukuran dari respons suatu server web. Pada dasarnya ini adalah waktu yang diperlukan browser Anda untuk mulai menerima informasi setelah diminta dari server. Dengan menggunakan CDN, Anda dapat secara dramatis mengurangi dampak beban pada server asal Anda, yang pada gilirannya akan membantu mengurangi TTFB Anda.
Render-Blocking JavaScript & CSS
Pemblokiran render biasanya mengacu pada JavaScript dan CSS yang menjaga halaman Anda agar tidak dimuat secepat mungkin.
JavaScript
Google merekomendasikan untuk menghapus atau menunda JavaScript yang mengganggu pemuatan konten lipatan halaman web Anda di atas. Contoh : menunda JavaScript dengan menempatkannya tepat di depan tag </body> .
CSS
Anda juga perlu mengoptimalkan pengiriman CSS Anda agar tidak menyebabkan keterlambatan pemuatan halaman. Berikut adalah beberapa cara untuk memperbaikinya:
- Panggil file CSS Anda dengan benar
- Kurangi jumlah file CSS
- Gunakan lebih sedikit CSS secara keseluruhan
- Minifikasi Sumber Daya
- Meminimalkan sumber daya berarti menghapus karakter yang tidak perlu dari HTML, JavaScript, dan CSS Anda yang tidak diperlukan untuk dimuat, seperti: karakter spasi putih, karakter baris baru, komentar, Pembatas blok.
Ini mempercepat waktu memuat halaman karena mengurangi jumlah kode yang harus dipanggil dari server. Anda dapat menggunakan alat seperti CSS dan JavaScript Minify untuk menghapus semua karakter yang tidak perlu. Atau jika Anda menjalankan WordPress Anda dapat menggunakan plugin seperti Autoptimize yang akan memperkecil semua HTML, JavaScript, dan CSS untuk Anda.
HTTP Requests
Ketika browser Anda mengambil data dari server, ia melakukannya menggunakan HTTP (Hypertext Transfer Protocol). Ini adalah permintaan / respons antara client dan host. Secara umum semakin banyak permintaan HTTP, maka halaman web akan semakin lambat.
Ada banyak cara agar Anda dapat mengurangi jumlah permintaan tersebut seperti:
- Menggabungkan file CSS dan JavaScript
- Melakukan inline JavaScript (hanya jika ukurannya sangat kecil)
- Menggunakan CSS Sprite
- Mengurangi aset seperti plugin pihak ke-3 yang membuat banyak permintaan eksternal
Daftar Website Speed Test Tools yang Banyak Digunakan di Dunia
1. KeyCDN Website Speed Test
KeyCDN membangun sebuah alat website speed test yang cepat dan ringan yang dapat Anda gunakan untuk mendapatkan informasi terperinci tentang kinerja situs web Anda. Tes ini mencakup kerusakan waterfall dan pratinjau situs web visual di bagian bawah. Anda dapat dengan cepat melihat berapa banyak permintaan HTTP yang dibuat, ukuran penuh halaman yang diminta, dan waktu loading.
Ini juga merupakan satu-satunya alat selain PageSpeed yang responsif dan berfungsi baik bahkan pada perangkat seluler.
https://tools.keycdn.com/speed
2. Google PageSpeed Insights
Google PageSpeed Insights adalah alat website speed test yang menilai situs web Anda pada skala 1 – 100. Semakin tinggi nilainya maka semakin optimal situs tersebut. Nilai diatas 85 mengindikasikan bahwa situs web Anda berkinerja baik. PageSpeed memberi Anda laporan untuk versi desktop dan seluler situs tersebut. Anda juga dapat melihat rekomendasi untuk peningkatan kinerja situs seperti perlu memperkecil CSS atau keperluan mengoptimalkan gambar.
Laporan seluler menyertakan kategori tambahan yang disebut “User Experience” yang termasuk dalam penilaian untuk situs Anda. Ini termasuk memeriksa konfigurasi viewport, ukuran target tap (tombol dan tautan), dan juga ukuran font yang memenuhi syarat.
Tim PageSpeed Insights juga baru-baru ini meluncurkan alat website speed test baru yang bertema “think with Google” yang bisa Anda coba. Salah satu fiturnya yang bagus pada alat ini adalah laporan lengkap dan rapi yang dihasilkannya. Laporan tersebut bahkan dapat langsung kita kirim ke client bila perlu.
https://developers.google.com/speed/pagespeed/insights/?hl=ID
3. Pingdom Speed Test
Pingdom mungkin adalah salah satu alat website speed test yang terkenal. Laporan yang dihasilkannya dibagi menjadi empat bagian yang berbeda yang mencakup rincian waterfall, tingkat kinerja, analisis halaman, dan history.
Analisis halaman menawarkan tinjauan dengan informasi tambahan seperti analisis ukuran, ukuran per domain (Anda dapat dengan mudah membandingkan ukuran aset CDN Anda dengan domain), jumlah permintaan per domain, dan jenis konten apa yang paling banyak diminta.
Alat uji kecepatan Pingdom juga memungkinkan Anda menguji kecepatan situs web Anda dari empat lokasi utama berikut:
- Dallas, Texas, USA,
- Melbourne, Australia
- San Jose, California, USA
- Stockholm, Sweden
Hasil tes kecepatan Pingdom akan memberi Anda wawasan kinerja yang mirip dengan Google Pagespeed Insights, yang menguraikan pada bagian mana Anda perlu melakukan peningkatan. Hasilnya juga memecah ukuran halaman berdasarkan jenis konten, ukuran halaman berdasarkan domain, permintaan berdasarkan jenis konten, dan permintaan berdasarkan domain.
4. GTmetrix
Laporan yang dihasilkan oleh alat website speed test ini dibagi menjadi lima bagian yang berbeda termasuk PageSpeed, YSlow, rincian waterfall, video, dan history.
Dengan pendaftaran gratis, Anda dapat menguji website dari tujuh lokasi berbeda. Mereka juga memungkinkan Anda memilih browser, Chrome vs Firefox. Anda dapat menguji dan membandingkan kinerja situs web terhadap berbagai jenis koneksi (seperti kabel vs dial-up) untuk melihat bagaimana pengaruhnya terhadap halaman Anda.
Fitur canggih lainnya yang dimiliki termasuk pemutaran video untuk menganalisis dimana kemacetan situs terjadi dan juga kemampuan untuk menjalankan Adblock plus. Dengan iklan yang dinonaktifkan, Anda dapat melihat bagaimana pengaruhnya terhadap pemuatan situs Anda.
Catatan: Disarankan untuk membuat akun gratis karena Anda akan mendapatkan opsi tambahan, seperti yang disebutkan di atas.
5. WebPageTest
Alat Website Speed Test ini juga menawarkan pendekatan unik pada saat melakukan pengujian kecepatan website. Alat ini menjalankan apa yang mereka sebut tampilan pertama dan tampilan berulang. Ini membantu untuk mendiagnosis apa yang mungkin membuat keterlambatan dalam pencarian DNS pertama kali seperti yang disebutkan sebelumnya.
WebPageTest juga memiliki fitur yang lebih canggih seperti pengecekan video, menonaktifkan JavaScript, mengabaikan sertifikat SSL, dan memalsukan string agen pengguna.
6. Varvy Pagespeed Optimization
Varvy Pagespeed Optimization adalah alat yang dikembangkan dan dikelola oleh Patrick Sexton, yang juga membuat GetListed.org, yang sekarang dikenal sebagai Moz Local.
Laporan yang dihasilkan dipecah menjadi 5 bagian yang berbeda termasuk diagram sumber daya, pengiriman CSS, penggunaan JavaScript, masalah kecepatan halaman ditemukan, dan layanan yang digunakan.
Patrick di sini juga menyertakan dokumentasi tentang bagaimana untuk lebih mengoptimalkan situs dengan tutorial tentang jalur render kritis, meningkatkan caching browser, menunda memuat JavaScript, dan banyak lagi.
7. Uptrends
Uptrends memiliki fitur alat website speed test yang cukup mendasar tetapi alat ini menawarkan lebih dari 35 lokasi yang dapat dipilih saat menjalankan tes kecepatan web. Laporan mereka dipecah menjadi dua bagian, waterfall dan kelompok domain. Grup domain menawarkan perspektif unik karena mengelompokkan sumber daya ke sumber yang berbeda:
Pihak pertama, statistik, CDN, sosial, iklan, keseluruhan pihak pertama, dan keseluruhan pihak ketiga.
8. Dotcom-monitor
Dotcom-monitor menawarkan 23 lokasi berbeda dan tujuh browser berbeda tempat sebagai tempat untuk Anda dapat menjalankan website speed test. Fitur unik mereka adalah Anda dapat menjalankan semua tes geografis secara bersamaan. Ini dapat menghemat banyak waktu, karena jika pada alat lain Anda harus menjalankannya secara individual per lokasi.
Anda kemudian dapat mengklik masing-masing laporan atau rincian waterfallnya.
Laporan mereka dibagi menjadi lima bagian yang berbeda yang mencakup ringkasan, kinerja, grafik waterfall(gangguan), host dan errors.
https://www.dotcom-monitor.com/
9. PageScoring
PageScoring website speed test menawarkan laporan kinerja yang sederhana dan mudah dipahami dengan desain minimalis. Mereka menunjukkan waktu muat keseluruhan website dan dilengkapi dengan informasi-informasi berikut.
- Pencarian domain
- Waktu koneksi
- Waktu Pengalihan
- Ukuran halaman
- Waktu Pengunduhan
Anda kemudian dapat melihat aset Anda dan berapa lama untuk masing-masingnya dimuat.
Jika Anda mencari alat uji kecepatan situs web yang cepat dan mudah, alat ini bekerja dengan cukup baik.
10. Yellow Lab Tools
Yellow Lab Tools adalah alat website speed test berkualitas unggulan yang dikembangkan oleh Gaël Métais. Alat ini memberi Anda banyak informasi dan beberapa fitur unik yang tidak terlihat di alat lain seperti tampilan saat interaksi JavaScript dengan DOM selama pemuatan laman dan masalah validasi kode lainnya. Kita bisa mendapatkan skor global berdasarkan kualifikasi berikut.
- Berat halaman
- Permintaan
- DOM
- JavaScript yang buruk
- CSS buruk
- Konfigurasi Server
Timeline JavaScript menunjukkan dengan tepat bagaimana DOM berinteraksi selama pemuatan halaman.
11. Google Chrome DevTools
Dan tentu saja kita tidak bisa melupakan Google Chrome DevTools. Ini adalah alat yang sangat mudah digunakan (dengan fitur-fiturnya yang canggih) dan Anda dapat dengan cepat meluncurkannya kapan saja di Google Chrome dengan menggunakan tombol pintas berikut.
- Pada Windows: F12 dan juga Ctrl + Shift + I
- Pada Mac: Cmd + Opt + I
Dengan pembaruan alat pengembang, mereka telah menambahkan panel rincian teragregasi ke dalam timeline waterfall. Ini memungkinkan Anda untuk lebih mudah melihat biaya apa yang paling banyak Anda bayar, dan Anda kemudian dapat memecahnya berdasarkan domain, subdomain, dll. Untuk menjalankan ini ke panel “Timeline” klik dan tekan Ctrl + R (Cmd + R ) untuk merefresh halaman. Anda kemudian dapat mengklik panel “Summary” dan panel detail “Aggregated”.
Kita juga memiliki pos yang bagus tentang apa yang menghalangi DOM dan bagaimana cara memperbaikinya. Di developer tools, Anda dapat melihat waktu DOMContentLoaded dan waktu muat total secara tepat. Untuk menjalankan ini ke panel klik “Network”, klik pada opsi “Show Overview” dan tekan Ctrl + R (Cmd + R) untuk merefresh halaman. Garis biru akan muncul untuk DOMContentLoaded dan garis merah untuk waktu muat total. Biasanya segala sesuatu yang tersisa atau menyentuh garis biru adalah aset yang memblokir DOM, atau juga disebut sebagai render blocking resources.
12. Sucuri Load Time Tester
Sucuri Load Time Tester menyediakan cara cepat dan mudah untuk menguji kinerja situs Anda dari seluruh dunia. Ini akan memberi Anda peringkat kinerja global, dari A hingga F. Tesnya mengukur berapa lama waktu yang dibutuhkan untuk terhubung ke situs Anda dan untuk satu halaman dimuat sepenuhnya.
Nilai yang sangat penting untuk diperhatikan adalah “waktu untuk byte pertama”, yang memberi Anda berapa lama konten dikirim kembali ke browser untuk mulai memproses halaman.
13. Pagelocity
Alat Pagelocity menawarkan pendekatan unik lain dalam hal tes kecepatan situs web. Ini memberi Anda skor total dari 100, yang terdiri dari faktor-faktor seperti sosial, SEO, sumber daya, dan kode. Alat ini juga menawarkan kemampuan untuk melacak pesaing Anda.
Anda dapat mendaftar untuk mendapatkan akun gratis untuk mendapatkan manfaat dari fitur tambahan. Tampilan kode sangat unik karena akan menunjukkan kepada Anda jika situs Anda menggunakan HTTPS, apa TTFB Anda, dan antarmuka grafis elemen DOM Anda dengan bagan batang.
Tampilan sumber daya juga cukup menarik karena Anda dapat dengan cepat melihat aset mana yang membentuk berat total halaman Anda.
14. YSlow
YSlow adalah proyek open source dan alat yang menganalisis halaman web dan membantu Anda mengetahui mengapa mereka lambat berdasarkan aturan Yahoo !, untuk situs web berkinerja tinggi. Saat ini alat website speed test ini dikelola oleh Marcel Duran, yang juga terlibat dalam proyek WebPageTest. YSlow beroperasi dalam tiga langkah untuk mendapatkan hasil tes kinerja website.
- YSlow merayapi DOM untuk menemukan semua komponen (gambar, skrip, dll.).
- YSlow mendapatkan informasi tentang setiap ukuran komponen (Gzip, expire headers, dll.)
- YSlow mengambil data dan menghasilkan nilai untuk setiap aturan, yang pada gilirannya memberi Anda nilai website secara keseluruhan.
YSlow memiliki 23 aturan berbeda yang menjalankan situs web Anda untuk memeringkatnya, seperti menggunakan CDN dan mengurangi pencarian DNS. GTmetrix menawarkan alat analisis online untuk memeriksa skor YSlow Anda.
15. PerfTool
PerfTool adalah proyek alat kinerja sisi client terbuka, yang dihosting di GitHub. Itu mengumpulkan berbagai informasi tentang situs web Anda dan menampilkannya dengan cara yang mudah dicerna pada halaman laporan. Ini menggabungkan tiga sumber data dalam satu PageSpeed Insights, devperf, dan W3CJS. Totalnya memberi Anda lebih dari 200 indikator kinerja yang berbeda.
Satu keuntungan besar dengan PerfTool adalah Anda dapat menjalankan beberapa pengujian halaman sekaligus untuk laporan Google PageSpeed Insights. Kemudian, bandingkan hasil kinerja situs web dari tes sebelumnya, tetapkan ambang batas skor dan dapatkan laporan terperinci tentang tes Anda. Ini sebenarnya dapat menghemat banyak waktu jika Anda membuat tolak ukur kinerja web seluruh situs Anda, karena Anda tidak perlu menguji halaman Anda satu per satu.
https://pypi.org/project/perftool/
Website Speed Test dengan Ekstensi Chrome
Ada beberapa ekstensi Chrome gratis di mana Anda dapat menganalisis kecepatan situs web. Berikut ini beberapa di antaranya. Anda dapat dengan mudah meluncurkannya langsung dari browser Anda.
- Waktu Muat Halaman
- telemetry Page Speed Monitor
- Penganalisa Kinerja
- Pengujian Beban Load Focus
Website Speed Test Mobile
Jika Anda perlu menjalankan tes kecepatan situs web seluler, beberapa alat yang kami sebutkan berikut ini biasa menjadi pilihan terbaik:
- WebPageTest
- GTmetrix
- dotcom-monitor
Cara lain untuk mensimulasikan tes kecepatan pada perangkat seluler adalah dengan menggunakan alat developer Chrome dalam mode perangkat. Untuk masuk ke mode perangkat, klik pada ikon ponsel kecil di Chrome DevTools atau Anda dapat menekan Ctrl + Shift + M (Cmd + Shift + M).
Anda kemudian dapat memilih perangkat apa yang ingin Anda tiru, orientasi, dan bahkan resolusi. Anda juga dapat mengubah perambatan jaringan untuk melihat bagaimana situs web Anda akan membuat koneksi 2G atau 4G.
Anda kemudian dapat menggunakan tab “Jaringan” untuk menjalankan tes kecepatan.
Rangkuman
Seperti yang Anda lihat ada sejumlah alat website speed test yang dapat Anda pilih. Masing-masing dari mereka memiliki fitur unik mereka sendiri seperti yang sudah kita bahas di atas. Merupakan ide bagus untuk secara teratur menguji situs Anda dan menetapkan tolok ukur sehingga seiring waktu Anda dapat melakukan perbaikan terhadap website Anda.
Setelah tahu di mana hambatannya, Anda bisa mulai memperbaikinya. Hampir semua alat di atas masuk daftar rekomendasi. Sedangkan beberapa perbaikan paling umum yang dapat kita lakukan untuk meningkatkan kinerja suatu website adalah sebagai berikut:
- Mengkompresi gambar dan file
- Memilih hosting cepat
- Mengoptimalkan kode dan skrip
- Menggunakan Jaringan Pengiriman Konten
- Caching
- Mengurangi jumlah permintaan HTTP
Semoga artikel ini bermanfaat.
[website-about]
Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.