Cari dan betulkan masa muat halaman yang perlahan dengan Raygun

Dalam tutorial ini, kami akan menumpukan pada mencari dan membetulkan masa pemuatan halaman yang lemah menggunakan Raygun. Tetapi sebelum itu, mari kita bincangkan mengapa masa pemuatan halaman yang lebih lama boleh memberi kesan yang begitu besar.

Salah satu perkara paling penting yang boleh anda lakukan untuk membuat kesan pertama yang hebat kepada bakal pelanggan atau pelanggan yang melawat tapak web anda ialah meningkatkan kelajuan pemuatannya.

Bayangkan pelanggan baru sahaja mendengar tentang syarikat anda daripada rakan. Anda menjual produk dalam talian dan pengguna boleh membelinya dengan melawati tapak web anda. Jika halaman tapak web yang berbeza mengambil masa yang lama untuk dimuatkan dan anda tidak menjual produk tersebut secara khusus, ada kemungkinan besar pelanggan akan meninggalkan tapak anda dan pergi ke tempat lain.

Bukan sahaja anda terlepas jualan pertama anda di sini, anda juga terlepas peluang untuk mempunyai pelanggan setia yang akan membeli lebih banyak produk pada masa hadapan.

Itulah perkara tentang internet – hanya memerlukan beberapa klik untuk orang ramai meninggalkan tapak anda dan membeli sesuatu daripada pesaing anda. Masa pemuatan halaman yang lebih pantas boleh memberi anda kelebihan berbanding pesaing anda dan meningkatkan hasil anda.

Bagaimana Raygun boleh membantu?

Raygun bergantung pada Cerapan Pemantauan Pengguna Sebenar (RUM Insights) untuk meningkatkan prestasi tapak web dan masa muat halaman. Istilah "pemantauan pengguna sebenar" adalah kunci di sini. Anda boleh menggunakan alatan seperti WebPagetest dan Google Page Speed ​​​​Insights untuk mengoptimumkan halaman individu, tetapi hasilnya tidak akan berdasarkan data pengguna sebenar. Sebaliknya, data yang disediakan oleh Raygun adalah berdasarkan pengguna sebenar yang melawat tapak web anda.

Raygun juga menyampaikan maklumat dengan cara yang lebih teratur, memberitahu anda perkara seperti purata kelajuan halaman tapak anda, halaman yang paling banyak diminta dan halaman paling perlahan. Dengan cara ini, anda boleh mengutamakan halaman atau bahagian tapak web anda yang perlu dioptimumkan terlebih dahulu.

Anda juga boleh mengetahui kelajuan tapak web anda dimuatkan untuk pengguna di negara yang berbeza atau menggunakan pelayar yang berbeza. Begitu juga, anda boleh membandingkan kelajuan tapak web mudah alih dan desktop.

Satu lagi perkara hebat tentang Raygun ialah ia menunjukkan kepada anda prestasi tapak web anda untuk pengguna yang berbeza. Sebagai contoh, salah seorang pelanggan anda yang paling berharga mungkin mempunyai tapak web yang dimuatkan dengan perlahan. Dalam kes ini, anda pasti ingin memahami perkara ini dan mengambil beberapa langkah untuk meningkatkan pengalaman mereka sebelum terlambat.

Kami akan belajar cara melakukan semua ini dengan Raygun dalam beberapa bahagian seterusnya artikel ini.

Sepadukan Raygun ke dalam laman web anda

Sebelum menyepadukan Raygun ke dalam laman web anda, anda perlu mendaftar untuk akaun. Akaun ini memberi anda akses percuma kepada semua ciri Raygun selama 14 hari.

Selepas pendaftaran berjaya, anda boleh mengklik butang Buat Apl untuk mencipta apl baharu. Anda boleh mengisi nama apl anda pada skrin seterusnya dan tandakan beberapa kotak pilihan untuk menerima pemberitahuan tentang ralat dan cerapan pemantauan pengguna sebenar.

Kini anda hanya perlu memilih platform atau rangka kerja pembangunan anda. Dalam kes ini, kami menggunakan JavaScript.

Akhir sekali, anda akan diberikan beberapa kod yang mesti anda tambah pada semua halaman yang anda ingin pantau. Anda juga boleh memuat turun versi pengeluaran atau pembangunan perpustakaan dan memasukkannya sendiri dan bukannya meletakkan kod berikut dalam tapak web anda.

<script type="text/javascript">

  !function(a,b,c,d,e,f,g,h){a.RaygunObject=e,a[e]=a[e]||function(){

  (a[e].o=a[e].o||[]).push(arguments)},f=b.createElement(c),g=b.getElementsByTagName(c)[0],

  f.async=1,f.src=d,g.parentNode.insertBefore(f,g),h=a.onerror,a.onerror=function(b,c,d,f,g){

  h&&h(b,c,d,f,g),g||(g=new Error(b)),a[e].q=a[e].q||[],a[e].q.push({

  e:g})}}(window,document,"script","//cdn.raygun.io/raygun4js/raygun.min.js","rg4js");

</script>

tag sebelum tamat </head> 标记之前添加上述代码片段后，您必须将以下代码片段放置在结束 <body>.

<script type="text/javascript">

  rg4js('apiKey', 'YOUR_API_KEY');

  rg4js('enableCrashReporting', true);

  rg4js('enablePulse', true);

</script>

Jika anda tidak menambah kod lagi, Raygun kini akan mula mengumpul data tanpa nama. Ini bermakna anda akan dapat melihat prestasi tapak anda untuk pengguna yang berbeza, tetapi anda tidak akan dapat mengenal pasti pengguna tersebut.

Masalah ini ada penyelesaian yang mudah. Apa yang anda perlu lakukan ialah menambah kod berikut pada halaman web anda dan Raygun akan mengendalikan selebihnya.

rg4js('setUser', {

  identifier: 'unique_id',

  isAnonymous: false,

  email: 'users_email@domain.com',

  firstName: 'Firstname',

  fullName: 'Firstname Lastname'

});

Anda mesti memasukkan tiga keping kod ini pada semua halaman yang ingin anda jejak. Setelah selesai, data akan mula muncul dalam papan pemuka untuk anda analisis.

Cari halaman dengan masa pemuatan yang lemah

Bahagian Pemantauan Pengguna Sebenar dalam papan pemuka Raygun mempunyai banyak tab yang memaparkan data dalam format yang berbeza. Kami akan melihat secara ringkas pada semua tab ini untuk menunjukkan kepada anda cara menggunakan maklumat yang disediakan di sana untuk mencari halaman dengan masa pemuatan yang lemah.

Live akan memberi anda gambaran keseluruhan masa nyata prestasi tapak web anda. Ia mempunyai metrik yang berbeza, seperti Skor Kesihatan, yang menunjukkan prestasi tapak web anda pada masa ini. Anda boleh membaca lebih lanjut mengenai semua metrik ini dalam dokumentasi pada tab "Langsung" di tapak web Raygun.

Ia juga mempunyai peta dunia yang menunjukkan negara anda berada sekarang Pengguna aktif. Anda juga boleh mencari senarai permintaan terkini yang dibuat kepada anda Laman web untuk pengguna yang berbeza. Imej di bawah menunjukkan permintaan terkini daripada laman web kami.

Tab Prestasi mempunyai lima metrik berguna yang memberi anda gambaran keseluruhan pantas tentang masa muat halaman tapak web anda. Sebagai contoh, masa muat median ialah 1.41 saat, yang bermaksud 50% halaman dimuatkan sebelum 1.41 saat. Begitu juga, P90 masa muat ialah 6.78 saat, menunjukkan bahawa 90% daripada masa, tapak akan dimuatkan sebanyak 6.48 saat.

Ini sepatutnya memberi anda gambaran kasar tentang prestasi tapak anda dan betapa perlahannya untuk 10% pengguna yang paling perlahan.

Terdapat juga senarai halaman yang paling lambat dan paling banyak diminta di bahagian bawah tab Prestasi. Mengetahui halaman anda yang paling popular dan paling perlahan boleh sangat membantu apabila anda ingin mengutamakan bahagian tapak anda yang perlu diperbaiki terlebih dahulu.

Walaupun semua halaman dalam tapak web anda harus dimuatkan secepat mungkin, beberapa halaman lebih penting daripada yang lain. Oleh itu, anda mungkin berminat untuk memahami prestasi halaman tertentu di tapak web anda. Anda boleh melakukan ini hanya dengan memasukkan halaman yang anda cari dalam medan input. Ini akan memberi anda maklumat tentang median, purata dan masa muat P90 untuk halaman tertentu. Ini adalah data untuk halaman utama laman web kami.

Anda boleh menggunakan tab Sesi untuk melihat maklumat berkaitan sesi seperti jumlah sesi, jumlah pengguna dan tempoh sesi median. Jadual sesi akan memberi anda gambaran ringkas mengenai 150 sesi terakhir anda, dengan maklumat seperti negara, tempoh, jumlah paparan halaman dan halaman terakhir yang dilawati untuk sesi tersebut.

Mengklik pada kaca pembesar akan menunjukkan kepada anda lebih banyak butiran tentang sesi tertentu, seperti halaman yang dilawati pengguna, masa pemuatan halaman tersebut dan penyemak imbas/peranti yang digunakan semasa sesi.

Pengguna akan memberi anda gambaran keseluruhan tentang tahap kepuasan pengguna yang berbeza dengan tapak web anda. Ini berguna apabila anda ingin memahami cara pengguna tertentu berinteraksi dengan tapak anda dan jika atau sebab pemuatan halaman mereka mengambil masa lebih lama daripada yang dijangkakan.

Terdapat tiga tab lain yang memaparkan maklumat tentang semua paparan halaman mengikut penyemak imbas, platform dan geolokasi. Dengan cara ini anda boleh mengetahui sama ada halaman web dimuatkan dengan perlahan hanya pada penyemak imbas atau platform tertentu. Anda juga akan mendapat gambaran kasar tentang pengedaran pengguna. Sebagai contoh, adalah berguna untuk mengetahui sama ada majoriti pelanggan anda berasal dari negara tertentu atau menggunakan penyemak imbas tertentu.

Raygun menyenaraikan peratusan pelawat dari benua tertentu di bahagian atas teg Geolokasi. Selepas itu, ia menyediakan peta yang mengandungi taburan masa pemuatan. Negara dengan masa pemuatan paling lambat diisi dengan warna merah, dan negara dengan masa pemuatan yang lebih cepat diisi dengan warna hijau.

Jika anda mempunyai masa pemuatan perlahan secara konsisten di negara tertentu, masa anda mungkin berbaloi untuk melihat dengan lebih dekat dan mengetahui sebabnya.

Selesaikan isu masa memuatkan halaman yang lemah

Dalam bahagian sebelumnya, kami mempelajari cara menggunakan semua data yang dikumpul oleh Raygun untuk menentukan halaman mana yang mengambil masa lebih lama untuk dimuatkan, atau jika terdapat mana-mana negara yang halaman mengambil masa lebih lama untuk dimuatkan daripada biasa.

Kini tiba masanya untuk melihat cara kita boleh menggunakan Raygun untuk mendedahkan isu yang mungkin menyebabkan halaman tertentu atau keseluruhan tapak dimuatkan lebih perlahan daripada biasa.

Memperbaiki masa muat halaman yang lemah pada tapak web boleh menjadi sangat sukar, terutamanya jika tapak web itu sangat kompleks atau mempunyai banyak halaman. Masalahnya ialah mencari apa yang perlu diperbaiki dan di mana untuk bermula.

Nasib baik, Raygun boleh memberi anda beberapa cerapan umum untuk membetulkan tapak web anda. Anda boleh mengklik pada pilihan Insights di bawah menu Pemantauan Pengguna Sebenar dan Raygun akan mengimbas tapak web anda untuk sebarang isu yang berpotensi. Anda boleh mendapatkan senarai semua peraturan ini dalam dokumentasi rasmi Raygun. Menangani semua isu yang disenaraikan akan mempercepatkan tapak web anda dengan ketara.

Selain mengikuti garis panduan am ini, anda juga mungkin mahu mengasingkan halaman yang dimuatkan perlahan. Sebaik sahaja anda mengasingkannya, Raygun boleh menunjukkan kepada anda tempoh masa yang diperlukan untuk menyelesaikan DNS, kependaman, jabat tangan SSL dan banyak lagi. Ini akan memberi anda gambaran yang jelas tentang tempat penambahbaikan boleh dibuat untuk mengurangkan masa muat halaman. Gambar di bawah harus menjelaskannya.

Anda juga boleh menapis data untuk mendapatkan gambaran yang lebih tepat tentang masa muat halaman tertentu dan pelbagai faktor yang mempengaruhinya. Graf di atas menunjukkan kependaman purata untuk semua permintaan yang dibuat ke halaman Perihal Kami. Walau bagaimanapun, anda boleh mengklik butang Tambah Penapis di bahagian atas untuk hanya melihat carta masa memuatkan Mengenai Kami untuk negara tertentu seperti Itali.

Anda juga akan melihat semua permintaan yang dibuat oleh halaman tertentu di bahagian bawah. Pada asasnya, anda akan dapat melihat DNS, kependaman, SSL, pelayan dan masa pemindahan untuk setiap sumber yang dimuatkan untuk halaman tertentu dan melihat sama ada mana-mana daripada mereka adalah puncanya.

Setelah anda menemui sumber yang mengambil masa terlalu lama untuk dimuatkan, anda boleh mula mengoptimumkan halaman anda.

Fikiran Akhir

Seperti yang anda lihat dalam tutorial ini, Raygun boleh membantu banyak organisasi yang ingin meningkatkan masa muat halaman. Penyepaduan adalah sangat mudah dan setelah penyepaduan berjaya, data akan mula dipaparkan dalam papan pemuka tanpa sebarang campur tangan di pihak anda.

Raygun juga mempunyai tab yang berbeza untuk mengatur data yang dikumpul supaya anda boleh menganalisisnya dengan lebih mudah dan cekap. Contohnya, ia boleh menunjukkan kepada anda masa memuatkan untuk negara, penyemak imbas dan platform yang berbeza. Ia juga mempunyai penapis yang boleh anda gunakan untuk mengasingkan set data tertentu daripada data yang lain dan menganalisisnya dengan teliti.

Jika anda atau syarikat anda sedang mencari alat yang mudah disepadukan yang boleh memberikan cerapan mendalam tentang cara pengguna sebenar berinteraksi dengan tapak web anda, maka anda pasti patut mencuba Raygun. Anda tidak rugi kerana 14 hari pertama adalah percuma!

Semasa anda berada di sini, lihat beberapa tutorial kami yang lain tentang Raygun!

Atas ialah kandungan terperinci Cari dan betulkan masa muat halaman yang perlahan dengan Raygun. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!