进入首页 首页的轮播图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日間で紹介した、空を飛び回ります
ウォーキング・デッドをフォロー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
プリロードを使用できます。アクセスするだけでロードされます
可能であれば、写真には 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日間で紹介した、空を飛び回ります
ウォーキング・デッドをフォロー