84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
进入首页 首页的轮播图6张 是从数据库里面读取地址加载出来的 打开时候需要加载很久 请问有什么方法吗 排除懒加载 图片已经进行过压缩
プリロードを使用できます。アクセスするだけでロードされます
可能であれば、写真には webp または tinyPNG を使用してください。
CDN;
http/1.x が http/2 にアップグレードされました;
localStorage にキャッシュ、形式はbase64、有効期限リロードメカニズムを設定します
思いついたら追加していきます
シンプル、高速、閾値のない方法:
サーバー上で gzip 圧縮を自分で設定します
Qiniu、OSS、Youpai など、一緒に機能する小さなファイル ストレージと CDN を入手するには、お金を出してください...
より複雑で、少ししきい値があり、特定のアプリケーション シナリオに適しているかどうかによって異なります。
Zhihu の同様の遅延読み込み効果の使用を検討してください。ただし、これは従来の遅延読み込みエクスペリエンスよりもはるかに優れており、スタイルが豊富で、ロジックに従って画像のサイズを分割します (または、cdn サービスの API を使用してパラメーターを変更します)。 、デフォルトの読み込みは小さな画像で、次にトランジション効果のある大きな画像を読み込みます。
効果についてはこのリンクをご覧ください: https://zhuanlan.zhihu.com/p/... 小さい画像: https://pic2.zhimg.com/v2-bf1... 大きい画像: https: // pic2.zhimg.com/v2-bf1...
Google の webp などの新しい画像形式を検討してください。非可逆圧縮は jpg より約 30% 小さいと推定され、可逆圧縮は jpg より約 60% 小さいと推定されています。また、Tencent の最新の自社開発形式 TPG もあります。この2日間で紹介した、空を飛び回ります
ウォーキング・デッドをフォロー
プリロードを使用できます。アクセスするだけでロードされます
可能であれば、写真には webp または tinyPNG を使用してください。
CDN;
http/1.x が http/2 にアップグレードされました;
localStorage にキャッシュ、形式はbase64、有効期限リロードメカニズムを設定します
...思いついたら追加していきます
シンプル、高速、閾値のない方法:
サーバー上で gzip 圧縮を自分で設定します
Qiniu、OSS、Youpai など、一緒に機能する小さなファイル ストレージと CDN を入手するには、お金を出してください...
より複雑で、少ししきい値があり、特定のアプリケーション シナリオに適しているかどうかによって異なります。
Zhihu の同様の遅延読み込み効果の使用を検討してください。ただし、これは従来の遅延読み込みエクスペリエンスよりもはるかに優れており、スタイルが豊富で、ロジックに従って画像のサイズを分割します (または、cdn サービスの API を使用してパラメーターを変更します)。 、デフォルトの読み込みは小さな画像で、次にトランジション効果のある大きな画像を読み込みます。
効果についてはこのリンクをご覧ください: https://zhuanlan.zhihu.com/p/...
小さい画像: https://pic2.zhimg.com/v2-bf1...
大きい画像: https: // pic2.zhimg.com/v2-bf1...
。Google の webp などの新しい画像形式を検討してください。非可逆圧縮は jpg より約 30% 小さいと推定され、可逆圧縮は jpg より約 60% 小さいと推定されています。また、Tencent の最新の自社開発形式 TPG もあります。この2日間で紹介した、空を飛び回ります
ウォーキング・デッドをフォロー