コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > Web ページの大きな画像の読み込みについて_html/css_WEB-ITnose

Web ページの大きな画像の読み込みについて_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:19:14
オリジナル
1037 人が閲覧しました

Web ページで、背景が大きな画像である場合、またはナビゲーションに大きな画像がある場合、最速で読み込まれるように HTML または JS をどのように記述すればよいですか?


議論（解決策）への返信

画像を小さくする以外に方法はありません。高速化したい場合でも、サイズは非常に大きいです

高さと幅を同じ比率で圧縮します


HTML5 画像の遅延読み込みテクノロジ
jquery 画像の遅延読み込み

圧縮品質の低い画像が最初に表示され、大きな画像は表示されません。カット ブロックは要素の後ろに浮かんでおり、複数のブロックが結合されて全体の画像が形成されます。各画像は異なる静的ファイル サーバーに配置され、ブラウザは複数のスレッドで画像をダウンロードできます。

大きな画像をいくつかの部分に切り取り、Web ページに詳しく説明します

関連ラベル：
关于网页大图的加载
ソース：php.cn
前の記事：ASP Webサイト全体をHTMLの静的なpages_html/css_WEB-ITnoseに変換するソフトウェアはありますか 次の記事：
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか? ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しよ...
から 2024-04-06 19:23:03
0
1
411
PHP または .htaccess を介してリソースリクエスタを区別する方法はありますか リソースをリクエストしたページをブラウザがロードしている場合（例：<scriptsrc="https://www.example.com/requested_scr...
から 2024-04-04 08:37:32
0
1
404
ファイルルート全体がないとイメージを動作させることができません お役に立てれば。私はこれまでに Web サイト用に多くのページを作成しました (自分の練習のためだけにシミュレーションしました) が、何らかの理由で、私の新しい (古いが Wind...
から 2024-04-03 23:27:05
0
1
396
CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は? 私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリ...
から 2024-04-03 22:25:59
0
1
277
PHP を使用して、foreach ステートメントをトランジェントに置くことはできますか? 私はPHPを使用してWPで作業しており、大量のデータをフェッチする関数のロード時間を短縮しようとしています。トランジェントは機能すると思い、(以下に示すように) コース クエリをト...
から 2024-04-03 17:12:43
0
2
330
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート