php - Bagaimana untuk membuat imej karusel laman web dimuatkan dengan cepat

Question

Masukkan halaman utama 6 imej karusel pada halaman utama dimuatkan dari alamat yang dibaca dari pangkalan data. Adakah terdapat cara untuk menghapuskan pemuatan malas? >

Answer 1

Anda boleh menggunakan pramuat, ia akan dimuatkan apabila anda hanya melawat

Answer 2

1. Jika boleh, gunakan webp atau tinyPNG untuk gambar;

2. Saiz untuk sepadan dengan saiz sebenar komponen karusel, atau buat lakaran kecil lain

3. CDN；

4. http/1.x dinaik taraf kepada http/2;

5. Cache ke localStorage secara tempatan, formatnya adalah base64, tetapkan mekanisme tambah nilai tamat tempoh
   ...

Saya akan menambah lagi apabila saya memikirkannya

Answer 3

Kaedah mudah, cepat dan bebas ambang:

1. Konfigurasikan pemampatan gzip pada pelayan sendiri

2. Luangkan sedikit wang untuk mendapatkan storan fail kecil + CDN untuk dihidangkan bersama, seperti Qiniu, OSS, Youpai...

Lebih rumit, sedikit ambang, dan ia bergantung kepada sama ada ia sesuai untuk senario aplikasi tertentu:

1. Pertimbangkan untuk menggunakan kesan pemuatan malas Zhihu yang serupa, tetapi ia jauh lebih baik daripada pengalaman memuatkan malas tradisional, penuh gaya, bahagikan saiz imej mengikut logik (atau gunakan api perkhidmatan cdn untuk menukar parameter) , pemuatan lalai ialah imej kecil, dan kemudian muatkan imej besar dengan kesan peralihan.

Sila lihat pautan ini untuk kesannya: https://zhuanlan.zhihu.com/p/...
Gambar kecil: https://pic2.zhimg.com/v2-bf1...
Gambar besar: https: // pic2.zhimg.com/v2-bf1...

Format imej baru, seperti Webp Google. , yang telah saya perkenalkan dalam dua hari yang lalu Terbang ke seluruh langit

Answer 4

Ikuti The Walking Dead The Walking Dead