ホームページ > ウェブフロントエンド > htmlチュートリアル > 開くのが超遅い、開く速度を改善する方法_html/css_WEB-ITnose

開くのが超遅い、開く速度を改善する方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:10:31
オリジナル
1100 人が閲覧しました

私のコードはローカルに保存すると正常に動作しますが、オンラインで開くと非常に遅くなります
ブロードビュー バナー


ブロードビュー バナー



ブロードビュー バナー


.....


ディスカッションへの返信 (解決策)

画像を最適化し、画像の遅延読み込みを使用します。


元の投稿者は ImagesLazyLoad を検索しました

200 jpg 幅の画像が 100k より大きい場合、PS で最適化する必要があります。具体的な方法は、画像を直接インポートし、ctrl + shift + alt + s で保存します。 jpg で、圧縮率は 60 ~ 70% です。

画像が 100k 未満の場合は、png-8 モードを使用することをお勧めします。
4k、gif、png-8 未満の場合は問題ありません。

元の投稿者は何をしましたか? 300 枚以上の写真が使用されました


HTTP 接続が非常に多いため、速度が遅くなるはずはありません


1、つまり、写真をまったく使用する必要がない場合一度、遅延ロード(スクリプト作成 img )を使用するか、使用したいときにロードすることができます。
2. 前述したように、画像自体のサイズも考慮され、十分な場合は精度を下げます。
3. さまざまな場合 背景として使用する小さな画像の場合は、CSS 画像分割技術の使用を検討できます。これは、さまざまな小さな画像を 1 つの大きな画像に結合し、幅、高さ、(背景) を慎重に設定することです。共有イメージを実現するために要素の位置を調整します

たくさんの写真を載せてください ゆっくり時間をかけてください。 。遅くないとおかしい

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート