javascript - Bagaimana untuk mengoptimumkan kelajuan pembukaan halaman web?

Question

1. Kurangkan bilangan permintaan fail,
2.
3. Gunakan lazy loading.
(Bagaimana untuk mengurangkan bilangan permintaan fail?)
(Mengapa ia boleh dioptimumkan dengan mengurangkan bilangan permintaan fail? Jika saya mempunyai 10 10k fail dan satu 100k fail, dan 10 10k fail saya diimport pada masa yang sama melalui berbilang benang, ia sepatutnya lebih baik daripada A 100k lebih pantas )()
Sila berikan saya beberapa jawapan. . . . . . Bersyukur. .

Answer 1

Saya rasa jika halaman web agak panjang, anda boleh memaparkan satu skrin kandungan dahulu, kemudian biarkan bar skrol menatal ke jarak tertentu dan gunakan permintaan ajax untuk memuatkannya. Jika terdapat banyak kandungan untuk dipaparkan, saya rasa lebih baik menggunakan paparan penomboran, sama seperti Taobao dan JD.

Answer 2

Kini menggunakan imej sprite mungkin bukan cara terbaik untuk mengoptimumkan.
Menggunakan webpack boleh mengurangkan fail kemasukan dan imej pakej dalam base64, yang boleh menyelesaikan keperluan anda dengan sempurna.

Answer 3

Mari kita bincangkan beberapa perkara secara ringkas:

1. Menggunakan imej Sprite adalah untuk mengurangkan bilangan permintaan Contohnya: terdapat 100 ikon kecil Jika ia dipisahkan menjadi satu imej, anda perlu meminta pelayan secara berterusan 100 kali untuk mendapatkan kesemuanya ke dalam satu gambar, anda hanya perlu request sekali sahaja

2. penggabungan js, penggabungan css adalah sama.

Tulis di sini:
Berbilang rangkaian khusus penyemak imbas Walaupun berbilang rangkaian meminta imej, penyemak imbas mempunyai pengehadan pada masa ini, bilangan permintaan serentak dalam semua penyemak imbas biasanya terhad kepada kurang daripada 10. Maksudnya, apabila jumlah ini melebihi, ia akan disekat
Bercakap tentang pemuatan atas permintaan, ini bergantung pada keadaan sebenar imej Sprite pada dasarnya tidak digunakan untuk imej besar melebihi 100K, dan ikon kecil hanya mempunyai puluhan atau ratusan B atau sepuluh Tiada beban apabila menggabungkan berpuluh atau dua puluh k dolar
Berbanding dengan permintaan berbilang, lebih "kos efektif" untuk membuat satu permintaan seperti ini

.