Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

Bagaimana Cara Menemukan dan Memperbaiki Waktu Pemuatan Halaman yang Buruk dengan Raygun

by
Difficulty:BeginnerLength:MediumLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Lukman Nulhakim (you can also view the original English article)

Dalam tutorial ini, kami akan fokus untuk mencari dan memperbaiki waktu pemuatan halaman yang buruk dengan Raygun. Tetapi sebelum kita melakukan itu, mari kita bahas mengapa waktu pemuatan halaman yang sedikit lebih lama bisa menjadi masalah besar.

Salah satu hal terpenting yang dapat Anda lakukan untuk membuat kesan pertama yang baik pada calon pelanggan atau klien yang mengunjungi situs web Anda adalah meningkatkan kecepatan pemuatannya.

Bayangkan seorang pelanggan yang baru saja mendengar tentang perusahaan Anda dari seorang teman. Anda menjual produk secara online yang dapat dibeli pengguna dengan mengunjungi situs web Anda. Jika halaman situs web berbeda mengambil waktu lama untuk memuat dan Anda tidak menjual produk itu secara eksklusif, ada kemungkinan besar bahwa pelanggan akan meninggalkan situs Anda dan pergi ke tempat lain.

Anda tidak hanya kehilangan penjualan pertama Anda di sini, Anda juga kehilangan kesempatan untuk memiliki pelanggan setia yang akan membeli lebih banyak produk di masa depan.

Itulah masalahnya dengan Internet — orang-orang hanya berjarak beberapa klik saja dari meninggalkan situs web Anda dan membeli sesuatu dari pesaing Anda. Halaman pemuatan yang lebih cepat dapat memberi Anda keunggulan atas pesaing dan meningkatkan pendapatan Anda.

Bagaimana Cara Raygun Membantu?

Raygun mengandalkan Wawasan Pemantauan Pengguna Nyata (RUM Insights) untuk meningkatkan kinerja situs web dan waktu buka halaman. Istilah "Pemantauan Pengguna Nyata" adalah kuncinya di sini. Anda dapat menggunakan alat seperti WebPagetest and Google Page Speed Insights Anda dapat menggunakan alat seperti WebPagetest dan Google Page Speed Insights untuk mengoptimalkan halaman individual, tetapi hasil tersebut tidak akan didasarkan pada data pengguna nyata. Di sisi lain, data yang disediakan oleh Raygun didasarkan pada pengguna nyata yang mengunjungi situs web Anda.

Raygun juga menyajikan informasi dengan cara yang lebih terorganisasi dengan memberi tahu Anda hal-hal seperti kecepatan halaman rata-rata untuk situs web, halaman yang paling banyak diminta, dan halaman paling lambat. Dengan cara ini, Anda dapat memprioritaskan halaman atau bagian mana dari situs web yang perlu dioptimalkan terlebih dahulu.

Anda juga dapat melihat seberapa cepat situs web dimuat untuk pengguna di berbagai negara atau untuk pengguna dengan berbagai browser. Demikian pula, Anda dapat membandingkan kecepatan situs web Anda di seluler vs. desktop.

Keuntungan lain dari Raygun adalah bahwa ia akan menunjukkan kepada Anda bagaimana kinerja situs web untuk pengguna yang berbeda. Misalnya, situs web mungkin dimuat secara perlahan untuk salah satu klien Anda yang paling berharga. Dalam kasus seperti itu, Anda pasti ingin mengetahuinya dan melakukan sesuatu untuk meningkatkan pengalaman mereka sebelum terlambat.

Kami akan belajar bagaimana melakukan semua itu dengan Raygun dalam beberapa bagian selanjutnya dari artikel ini.

Mengintegrasikan Raygun Ke Situs Web Anda

Anda perlu mendaftar untuk akun sebelum mengintegrasikan Raygun ke situs web Anda. Akun ini akan memberi Anda akses ke semua fitur Raygun gratis selama 14 hari.

Setelah Anda berhasil mendaftar, Anda dapat mengklik Create Application tombol Buat Aplikasi untuk membuat aplikasi baru. Anda dapat mengisi nama untuk aplikasi Anda di layar berikutnya dan kemudian memeriksa beberapa kotak untuk menerima pemberitahuan tentang kesalahan dan wawasan pemantauan pengguna nyata.

Create Raygun Application

Sekarang Anda hanya perlu memilih platform atau kerangka kerja pengembangan Anda. Dalam hal ini, kami menggunakan JavaScript.

Choose Raygun Language or Framework

Finally, you will get some code that you have to add on all the pages you want to monitor. Instead of placing the following code in your website, you could also download the production or developmentversion of the library and include it yourself.

Once you have added the above code snippet before the closing </head> tag, you have to place the following snippet just before the closing <body> tag.

Jika Anda tidak menambahkan kode lagi, Raygun sekarang akan mulai mengumpulkan data anonim. Ini artinya bahwa Anda akan dapat mengetahui bagaimana kinerja situs web Anda untuk pengguna yang berbeda, tetapi tidak akan ada cara untuk mengidentifikasi pengguna tersebut.

Ada cara mudah untuk memperbaiki masalah ini. Yang harus Anda lakukan adalah menambahkan kode berikut di halaman web Anda dan Raygun akan mengurus sisanya.

Anda harus menyertakan tiga bagian kode ini di semua halaman yang ingin Anda lacak. Setelah selesai, data akan mulai muncul di dasbor untuk Anda analisis.

Menemukan Halaman Dengan Load time yang Buruk

Bagian Pemantauan Pengguna Nyata di dasbor Raygun memiliki banyak tab untuk menyajikan data dalam berbagai format. Kami akan secara singkat membahas semua tab ini untuk menunjukkan kepada Anda bagaimana informasi yang disajikan di dalamnya dapat digunakan untuk menemukan halaman dengan waktu muat yang buruk.

Raygun Live Sessions - Visiting Countries

The Live Tab Live akan memberi Anda ikhtisar tentang kinerja situs Anda secara real time. Ini memiliki metrik yang berbeda seperti Skor Kesehatan untuk menunjukkan kepada Anda bagaimana situs saat ini melakukan. Anda dapat membaca lebih lanjut tentang semua metrik ini di Anda dapat membaca lebih lanjut tentang semua metrik ini di dokumentasi untuk tab Live di situs web Raygun.

Ini juga memiliki peta dunia untuk menunjukkan negara-negara pengguna aktif Anda saat ini. Anda juga akan menemukan daftar permintaan terbaru ke situs web Anda oleh pengguna yang berbeda. Berikut ini gambar yang menunjukkan permintaan terbaru ke situs web kami.

Live Tab - Recent Requests

Tab kinerja memiliki lima metrik berguna untuk memberi Anda gambaran singkat tentang waktu buka halaman situs web. Sebagai contoh, waktu buka rata-rata 1,41 detik berarti 50% dari halaman Anda memuat sebelum 1,41 detik telah berlalu. Demikian pula, Load time P90 6,78 detik memberi tahu Anda bahwa 90% waktu, situs web memuat sebelum 6,48 detik.

Performance Tab

Ini seharusnya memberi Anda gambaran kasar tentang kinerja situs web dan seberapa lambatnya untuk 10% pengguna yang paling lambat.

Tab kinerja juga memiliki daftar halaman yang paling lambat dan paling banyak diminta di bagian bawah. Mengetahui halaman yang paling populer dan paling lambat dapat sangat membantu ketika Anda ingin memprioritaskan bagian mana dari situs web Anda yang harus diperbaiki terlebih dahulu.

Meskipun semua halaman di situs web harus dimuat secepat mungkin, beberapa halaman ini lebih penting daripada yang lain. Oleh karena itu, Anda mungkin tertarik untuk mengetahui kinerja halaman tertentu di situs web. Anda dapat melakukannya hanya dengan mengetik halaman yang Anda cari di kolom input. Ini akan memberi Anda informasi tentang median, rata-rata, dan waktu muat P90 dari halaman tertentu. Berikut adalah data untuk beranda situs web kami.

Page load time data for a sample website

Anda dapat menggunakan tab Sessions untuk melihat informasi terkait sesi seperti jumlah total sesi, jumlah total pengguna, dan durasi sesi median. Tabel sesi akan memberi Anda gambaran singkat tentang 150 sesi terakhir dengan informasi seperti negara, durasi, total dari tampilan halaman, dan halaman yang terakhir dikunjungi untuk suatu sesi.

Klik pada kaca pembesar akan menunjukkan lebih banyak rincian tentang sesi tertentu seperti halaman yang dikunjungi pengguna, waktu buka halaman tersebut, dan browser / perangkat yang digunakan selama sesi.

Tab Users akan memberi Anda ikhtisar tingkat kepuasan pengguna yang berbeda dengan situs web Anda. Ini bisa sangat membantu ketika Anda ingin melihat bagaimana pengguna tertentu berinteraksi dengan situs web Anda dan jika atau mengapa waktu buka halaman mereka lebih dari yang diharapkan.

Ada tiga tab lain untuk menampilkan informasi tentang semua tampilan halaman dalam hal browser, platform, dan geografi. Dengan cara ini Anda akan dapat mengetahui apakah halaman web memuat secara perlahan hanya pada browser atau platform tertentu. Anda juga akan memiliki gambaran kasar tentang distribusi pengguna. Misalnya, mengetahui jika sebagian besar klien Anda dari negara tertentu atau menggunakan peramban tertentu bisa sangat berguna.

Raygun mendaftar persentase pengunjung dari benua tertentu di bagian atas tab Geo. Setelah itu, ia menyediakan peta dengan distribusi waktu pemuatan. Negara dengan waktu muat paling lambat dipenuhi dengan warna merah, dan negara-negara dengan waktu muat cepat dipenuhi dengan warna hijau.

Raygun Geo Tab

Jika Anda secara konsisten mendapatkan waktu pemuatan yang buruk dari negara tertentu, mungkin ada baiknya waktu Anda untuk melihat lebih dekat dan mencari tahu alasannya.

Memperbaiki Waktu Pemuatan Halaman yang Buruk

Di bagian sebelumnya, kami belajar bagaimana menggunakan semua data yang dikumpulkan oleh Raygun untuk mencari tahu halaman mana yang membutuhkan waktu lama untuk dimuat atau jika ada negara di mana waktu muat halaman kami lebih lama dari biasanya.

Sekarang saatnya untuk melihat bagaimana kita dapat menggunakan Raygun untuk menemukan masalah yang mungkin menyebabkan halaman tertentu atau seluruh situs web memuat lebih lambat dari biasanya.

Meningkatkan waktu buka halaman yang buruk dari situs web dapat sangat luar biasa, terutama jika situs web sangat rumit atau memiliki banyak halaman. Masalahnya adalah menemukan apa yang harus diperbaiki dan dari mana harus memulai.

Untungnya, Raygun dapat menawarkan Anda beberapa wawasan umum untuk memperbaiki situs web Anda. Anda dapat mengklik pada Insigopsi di bawah Real User Monitoring menu Pemantauan Pengguna Nyata, dan Raygun akan memindai situs web Anda untuk masalah potensial apa pun. Anda dapat menemukan daftar semua aturan ini dalam dokumentasi resmi Raygun.. Memperbaiki semua masalah yang tercantum secara signifikan akan mempercepat situs web Anda.

Raygun Insights Rules

Selain mengikuti panduan umum ini, Anda mungkin juga ingin mengisolasi halaman yang telah dimuat secara perlahan. Setelah Anda mengisolasi mereka, Raygun dapat menunjukkan waktu yang diperlukan untuk menyelesaikan DNS, latensi, jabat tangan SSL, dll. Ini akan memberi Anda ide yang bagus tentang area di mana Anda dapat melakukan perbaikan untuk mengurangi waktu buka halaman. Gambar berikut harus membuatnya jelas.

About Us Page

Anda juga dapat memfilter data untuk mendapatkan gambaran yang lebih akurat tentang waktu muat untuk halaman tertentu dan berbagai faktor yang mempengaruhinya. Gambar di atas menunjukkan Anda rata-rata latensi untuk semua permintaan yang dibuat ke halaman "Tentang Kami". Namun, Anda dapat mengklik pada menambahkan filter tombol di atas dan hanya melihat "About Us" garis waktu loding untuk sebuah negara tertentu seperti Italia.

About Us Italy Filter

Anda juga akan melihat semua permintaan yang dibuat oleh halaman tertentu di bagian bawah. Pada dasarnya, Anda akan dapat melihat DNS, latensi, SSL, server, dan waktu transfer untuk setiap sumber daya yang dimuat untuk halaman tertentu dan melihat apakah salah satu dari mereka adalah pelakunya.

About Us Requests

Setelah Anda mengetahui sumber daya yang memakan waktu terlalu lama untuk memuat, Anda dapat mulai mengoptimalkan halaman Anda.

Kesimpulan

Seperti yang Anda lihat dalam tutorial ini, Raygun dapat sangat membantu organisasi yang ingin meningkatkan waktu pemuatan laman mereka. Ini sangat mudah diintegrasikan, dan setelah integrasi yang sukses, data hanya akan mulai muncul di dashboard tanpa intervensi dari pihak Anda.

Raygun juga memiliki tab yang berbeda untuk mengatur data yang dikumpulkan sehingga Anda dapat menganalisanya dengan lebih mudah dan efisien. Misalnya, ini dapat menunjukkan Anda memuat waktu untuk berbagai negara, browser, dan platform. Ini juga memiliki filter yang dapat Anda gunakan untuk mengisolasi satu set data tertentu dari yang lain dan menganalisisnya dengan cermat.

Jika Anda atau perusahaan Anda sedang mencari alat yang mudah diintegrasikan yang dapat memberikan wawasan yang luas tentang bagaimana user anda berinteraksi dengan dengan website Anda, sudah dipastikan. menguji coba Raygun. Anda tidak akan kehilangan apapun karena ini sifatnya gratis selama 14 hari pertama!

Dan ketika Anda berada di sini, periksa beberapa tutorial kami yang lain tentang Raygun!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.