Perbincangan ringkas tentang js pemuatan halaman dan kaedah analisis prestasi_kemahiran javascript

1. Memuatkan

Mula-mula muatkan fail js rujukan halaman statik, dan kemudian semak sama ada fail rujukan mengandungi fungsi onload Contohnya, main.js mengandungi fungsi onload Cari sama ada terdapat rujukan kepada fail js lain dalam main.js . Muatkan rujukan js dahulu, susunan pemuatan fail yang dirujuk adalah konsisten dengan susunan main.js.
Selepas pemuatan selesai, fungsi onload mula dilaksanakan. Memandangkan jujukan pelaksanaan js adalah berurutan, untuk meningkatkan kelajuan tindak balas halaman, pendekatan umum adalah dengan hanya melukis halaman dalam beban, dan beberapa fungsi mengikat acara, kaedah ajax, dsb. boleh ditulis kemudian.

2. Analisis kelajuan tindak balas

1. Gunakan alat untuk analisis

Alat pembangun penyemak imbas utama (Firefox adalah kegemaran saya) boleh menyemak dengan mudah masa pemuatan dan pelaksanaan setiap fail js, fail html, fail css dan imej.

2. Analisis pengekodan keras

Dalam langkah pertama, kita pada asasnya boleh mencari fail js kesesakan Dalam js kesesakan, kita boleh menggunakan pernyataan console.time('test') dan console.Endtime('test') untuk mencubit fungsi js dan blok kod. Dapatkan masa pelaksanaan. Walau bagaimanapun, pernyataan konsol hanya sah apabila dilaksanakan dalam penyemak imbas bukan IE, dan ralat akan dilaporkan di bawah IE. Jika anda lebih suka menggunakan IE, gunakan cap masa. Apabila mencubit, kaedah yang lebih mudah ialah mencubit keseluruhan fail js secara terus, dan kemudian menggunakan penyemak imbas Firefox Tekan F12 untuk melihat penggunaan masa semua fungsi dan blok kod dalam js sasaran dalam konsol, dan anda boleh mencari kod kesesakan. .