Bagaimana untuk menguji kelajuan dalam JavaScript

JavaScript ialah bahasa skrip yang kini digunakan secara meluas dalam pembangunan web, pembangunan permainan dan bidang lain. Apabila membangunkan JavaScript, menjadi semakin penting untuk menguji seberapa cepat kod anda dilaksanakan, kerana kelajuan boleh memberi kesan besar kepada pengalaman pengguna pada tapak web, terutamanya pada peranti mudah alih. Artikel ini akan memperkenalkan cara menguji kelajuan JavaScript dan menyediakan beberapa alat dan teknik yang berkesan.

1. Mengapa ujian kelajuan penting

Bagi pembangun web, ujian kelajuan adalah tugas yang penting kerana semua aplikasi web perlu dijalankan pada penyemak imbas pengguna . Jika tapak web anda lambat, pengguna anda akan kecewa dan beralih kepada pesaing yang lebih pantas dalam pasaran yang kompetitif.

Dalam JavaScript, ujian kelajuan amat penting kerana JavaScript biasanya berjalan dalam penyemak imbas dan penyemak imbas adalah pasif. Ini bermakna apabila kod JavaScript dilaksanakan pada komputer pengguna, prestasi kod JavaScript sangat bergantung pada faktor seperti komputer pengguna, tetapan penyemak imbas dan kelajuan sambungan rangkaian. Oleh itu, sebelum menulis kod JavaScript, ujian kelajuan adalah penting, yang boleh membantu pembangun menentukan kesesakan prestasi kod dan menyediakan asas untuk pengoptimuman program.

2. Kaedah ujian

Apabila menguji kelajuan JavaScript, kami boleh menggunakan kaedah yang berbeza untuk mengukur penunjuk prestasi yang berbeza, termasuk masa pelaksanaan, masa CPU, penggunaan memori, dsb.

1. Masa pelaksanaan ujian

Masa pelaksanaan ialah salah satu metrik yang paling biasa untuk menguji prestasi kod JavaScript. Kita boleh mengukur masa pelaksanaan menggunakan fungsi console.time() dan console.timeEnd(). Kedua-dua fungsi ini digunakan untuk memulakan pemasaan dan menghentikan pemasaan masing-masing, dan semua kod antaranya akan ditetapkan masa.

Berikut ialah contoh mudah:

console.time("test");
for (var i=0; i<1000000; i++) {
    // 这里写你的代码
} 
console.timeEnd("test");

Dalam contoh ini, kita mula-mula memanggil fungsi console.time() dan lulus rentetan "ujian" sebagai parameter. Kemudian kami menggunakan gelung for untuk melaksanakan sekeping kod JavaScript tertentu sebanyak 1 juta kali. Akhirnya, kami telah mencapai penghujung coretan kod yang diuji. Fungsi console.timeEnd() menghentikan pemasaan dan mengeluarkan masa pelaksanaan kepada konsol. Hasil keluaran adalah serupa dengan yang berikut:

test: 123.456ms

2. Uji masa CPU

Masa CPU ialah satu lagi penunjuk prestasi yang biasa digunakan, yang melibatkan statistik masa pemprosesan CPU . Kita boleh menggunakan fungsi console.profile() dan console.profileEnd() untuk menangkap masa CPU. Kedua-dua fungsi ini digunakan untuk memulakan dan menghentikan pemprofil CPU masing-masing.

Berikut ialah contoh mudah:

console.profile("test");
for (var i=0; i<1000000; i++) {
    // 这里写你的代码
} 
console.profileEnd("test");

Dalam contoh ini, kami menggunakan fungsi console.profile() untuk memulakan pemprofil prestasi dan lulus rentetan "ujian" sebagai parameter. Kemudian kami menggunakan gelung for untuk melaksanakan sekeping kod JavaScript tertentu sebanyak 1 juta kali. Akhir sekali, kami menggunakan fungsi console.profileEnd() untuk menghentikan penganalisis prestasi dan mengeluarkan hasil analisis kepada konsol. Output adalah serupa dengan yang berikut:

profile "test" took 1000ms

3. Uji penggunaan memori

Penggunaan memori ialah satu lagi penunjuk prestasi penting, dan console.memory juga boleh digunakan dalam JavaScript () berfungsi untuk menangkap. Fungsi ini mengembalikan maklumat tentang penggunaan timbunan JavaScript.

Berikut ialah contoh mudah:

console.memory();

Dalam contoh ini, kami menggunakan fungsi console.memory() untuk menangkap penggunaan timbunan JavaScript. Output adalah serupa dengan yang berikut:

{jsHeapSizeLimit: 1501560832, totalJSHeapSize: 26730373, usedJSHeapSize: 24968644}

3 Alat dan Teknik

Terdapat banyak alatan lain yang boleh membantu pembangun menjadi lebih cekap apabila menguji prestasi JavaScript. Beberapa alatan popular termasuk:

1. Speedometer

Speedometer ialah probe prestasi aplikasi web yang diterbitkan oleh The New York Times. Ia menggunakan teknologi yang serupa dengan lukisan web untuk mensimulasikan prestasi sebenar menggunakan penyemak imbas.

Ramai pembangun penyemak imbas, termasuk Google dan Apple, menggunakan alat ini untuk menguji prestasi penyemak imbas mereka.

2. YSlow

Dengan pembangunan Web 2.0, keperluan untuk prestasi dan kualiti halaman Web semakin tinggi dan lebih tinggi. Oleh itu, Yahoo membangunkan pemalam Firefox yang dipanggil YSlow yang boleh menguji prestasi dan kualiti halaman web dan memberikan cadangan untuk penambahbaikan.

3. Google PageSpeed

Google PageSpeed ​​​​adalah satu lagi alat yang boleh membantu kami mengesan prestasi halaman web, kualiti dan beberapa kesesakan. Ia boleh mengesan dan menganalisis prestasi halaman dan mencari beberapa kesesakan prestasi. Selain itu, ia juga menyediakan cadangan penambahbaikan untuk membantu pembangun web menjadikan halaman mereka berprestasi lebih baik.

Selain alatan ini, pembangun juga boleh menggunakan beberapa amalan terbaik untuk meningkatkan prestasi aplikasi web:

1. Kurangkan bilangan permintaan HTTP. Prestasi aplikasi web boleh dipertingkatkan dengan lebih baik dengan meminta lebih sedikit fail, mengurangkan saiz kod CSS dan JavaScript, dan menggunakan CDN untuk menyimpan fail cache.
2. Mampatkan kod CSS dan JavaScript. Gunakan alatan seperti Pemampat YUI dan Pengkompil Penutupan Google untuk memampatkan kod CSS dan JavaScript pada tahap minimum dan mengurangkan masa muat turun dan saiz fail.
3. Gunakan caching. Menggunakan cache penyemak imbas dan cache sebelah pelayan boleh meningkatkan kelajuan pemuatan aplikasi web anda sambil mengurangkan saiz fail sumber.

4

JavaScript ialah bahagian yang sangat penting dalam pembangunan web, jadi ujian prestasi menjadi semakin penting. Dalam artikel ini, kami mempelajari cara menggunakan beberapa fungsi terbina dalam dalam JavaScript untuk menguji kelajuan JavaScript, termasuk masa pelaksanaan, masa CPU dan penggunaan memori. Selain itu, kami juga memperkenalkan beberapa alat popular dan amalan terbaik yang boleh membantu kami meningkatkan prestasi aplikasi web.

Atas ialah kandungan terperinci Bagaimana untuk menguji kelajuan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!