メイン マイクロソフトエッジ MicrosoftEdgeでレイジーイメージの読み込みを有効にする

MicrosoftEdgeでレイジーイメージの読み込みを有効にする



Microsoft EdgeChromiumでレイジーイメージの読み込みを有効にする方法

Chromiumベースの最新のMicrosoftEdgeブラウザーを使用している場合は、ページの読み込み時間を短縮する興味深い機能を有効にできます。ページが下にスクロールされるまで、画像の読み込みを延期します。

広告

この機能は「レイジーイメージローディング」と呼ばれ、追加のアドオンをインストールせずにMicrosoftEdgeでネイティブに利用できます。

次に、遅延読み込みが有効になり、ブラウザはユーザーに表示されるコンテンツを優先し、ユーザーに表示されない画像とフレームのレンダリングプロセスを延期します。これを書いている時点で、JavaScriptの助けを借りて同じ機能をウェブマスターが利用することができます。

HTML標準には、レイジー画像をロードするためのネイティブマークアップが含まれるようになりました。サンプルHTMLコードは次のようになります。

遅延読み込みサンプル

Loading = lazy属性は最近でした 含まれています ドラフトとしてHTML標準に準拠しているため、遅かれ早かれ、すべての主流ブラウザでサポートされるようになります。

Edge(およびChrome / Chromium)には、実験的な便利なオプションがいくつかあります。それらは「フラグ」として知られるオプションの後ろに隠されています。それらのブロックを解除するには、このフラグまたはそのフラグをオンにする必要があります。

Microsoft Edgeでレイジーイメージの読み込みを有効にするには、

  1. MicrosoftEdgeを開きます。
  2. アドレスバーに次のように入力します。edge:// flags /#enable-lazy-image-loading
  3. 選択する有効の横にあるドロップダウンメニューから怠惰な画像の読み込みライン。
  4. 再起動ボタンをクリックします。
  5. これから、Edgeはオンデマンドで画像を読み込もうとします。Loading = 'lazy'属性。
  6. 代わりに、フラグをに設定できます有効(安全な場所に自動的に遅延ロードします。)Edgeに含まれていない画像を遅延ロードさせるためインクルードLoading = 'lazy'属性。

これで完了です。この変更は、画像がたくさん含まれているページで注目に値する必要があります。ブラウザは、ユーザーに表示されるコンテンツを優先し、ユーザーに表示されない画像とフレームのレンダリングプロセスを延期します。

Edgeに加えて、ChromeとFirefoxはレイジー画像読み込み機能もサポートしています。これをチェックしてください:

  • Firefoxで画像とIframeの遅延読み込みを有効にする
  • GoogleChromeで遅延読み込みを有効にする

私たちの読者に感謝します ' ムラト 'ヒント。


マイクロソフトは最近リリースしました Microsoft EdgeChromiumの最初の安定バージョン 一般に。驚いたことに、Microsoft Edgeは、最近Windows 7を含め、多くの古いバージョンのWindowsをサポートしています。 サポートが終了しました 。チェックアウト Microsoft EdgeChromiumでサポートされているWindowsバージョン

興味のあるユーザーはダウンロードできます MSIインストーラー 展開とカスタマイズ用。

アマゾンプライムのディズニープラスです

プレリリースバージョンの場合、Microsoftは現在3つのチャネルを使用してEdgeInsiderに更新を配信しています。 Canaryチャネルは毎日(土曜日と日曜日を除く)更新を受け取り、Devチャネルは毎週更新を受け取り、Betaチャネルは6週間ごとに更新されます。マイクロソフトは Windows 7、8.1、および10でEdgeChromiumをサポートする予定 、macOSと並んで、 Linux (将来的に登場)iOSとAndroidのモバイルアプリ。


実際のEdgeバージョン

この記事の執筆時点でのEdgeChromiumの実際のバージョンは次のとおりです。

次の投稿でカバーされている多くのEdgeのトリックと機能を見つけることができます。

新しいChromiumベースのMicrosoftEdgeを実際に体験する

また、次の更新を参照してください。

  • EdgeChromiumが拡張同期を受信
  • MicrosoftがEdgeChromiumプレビューのパフォーマンス向上を発表
  • Edge80の安定した機能ネイティブARM64サポート
  • EdgeDevToolsが11の言語で利用可能になりました
  • Microsoft EdgeChromiumで初回実行エクスペリエンスを無効にする
  • MicrosoftEdgeのリンクを開くためのデフォルトプロファイルを指定する
  • MicrosoftEdgeが重複するお気に入りの削除オプションを受信
  • MicrosoftEdgeでハードウェアアクセラレーションを無効にする
  • Microsoft EdgeStableでコレクションを有効にする
  • Microsoft EdgeChromiumにGoogleChromeテーマをインストールする
  • Microsoft EdgeChromiumでサポートされているWindowsバージョン
  • Edgeで、選択したテキストをイマーシブリーダーで開くことができるようになりました
  • MicrosoftEdgeのコレクションボタンを表示または非表示
  • エンタープライズユーザー向けにEdgeChromiumが自動的にインストールされない
  • MicrosoftEdgeが新しいタブページの新しいカスタマイズオプションを受け取ります
  • Microsoft EdgeChromiumのデフォルトのダウンロードフォルダを変更する
  • MicrosoftEdgeにダウンロードを保存する場所を尋ねさせる
  • EdgeChromiumのページURLに対してQRコードジェネレーターを有効にする
  • Edge80.0.361.5がネイティブARM64ビルドで開発チャネルにヒット
  • Edge Chromium ExtensionsWebサイトが開発者向けに公開されました
  • Microsoft EdgeChromiumがWindowsUpdate経由でインストールされないようにする
  • EdgeChromiumがタスクバーウィザードへのピンを受信
  • Microsoftは、カナリアおよびDevEdgeでのコレクションを改善して有効にします
  • EdgeChromiumのカナリアで新しいタブページが改善されました
  • EdgeがPWAのカラフルなタイトルバーを受け取る
  • MicrosoftがEdgeChromiumでトラッキング防止がどのように機能するかを明らかに
  • EdgeはWindowsシェルとの緊密なPWA統合を受け取ります
  • EdgeChromiumはすぐに拡張機能を同期します
  • EdgeChromiumが安全でないコンテンツブロック機能を導入
  • MicrosoftEdgeでInPrivateモードの厳密な追跡防止を有効にする
  • EdgeChromiumがフルスクリーンウィンドウフレームドロップダウンUIを受信
  • ARM64デバイス用のEdgeChromiumがテストに利用できるようになりました
  • ClassicEdgeとEdgeChromiumを並べて実行できるようにする
  • Microsoft EdgeChromiumのHTMLファイルにお気に入りをエクスポートする
  • Edge forLinuxが正式に登場
  • Edge ChromiumStableが2020年1月15日に新しいアイコンで登場
  • MicrosoftEdgeが新しいロゴを取得
  • MicrosoftEdgeのすべてのサイトでダークモードを有効にする
  • EdgeChromiumがデフォルトのPDFリーダーになりました。これを変更する方法は次のとおりです。
  • EdgeChromiumが新しいタブページで天気予報と挨拶を受け取る
  • エッジがメディア自動再生ブロッキングからブロックオプションを削除
  • Edge Chromium:タブのフリーズ、高コントラストモードのサポート
  • Edge Chromium:InPrivateモードでサードパーティのCookieをブロックし、検索への拡張アクセス
  • MicrosoftはEdgeChromiumで丸みを帯びたUIを徐々に取り除きます
  • Edgeでフィードバックスマイリーボタンを無効にできるようになりました
  • MicrosoftEdgeでダウンロードする可能性のある望ましくないアプリをブロックする
  • MicrosoftEdgeのグローバルメディアコントロールが却下ボタンを受け取る
  • Microsoft Edge:新しい自動再生ブロックオプション、更新された追跡防止
  • MicrosoftEdgeの新しいタブページでニュースフィードをオフにする
  • Microsoft EdgeChromiumで拡張機能メニューボタンを有効にする
  • MicrosoftEdgeのフィードバックスマイリーボタンを削除する
  • MicrosoftEdgeはePubをサポートしなくなります
  • 最新のMicrosoftEdgeカナリア機能タブホバーカード
  • MicrosoftEdgeが自動的に昇格を解除するようになりました
  • Microsoftの詳細EdgeChromiumロードマップ
  • MicrosoftがMicrosoftEdgeでグローバルメディアコントロールを有効にする
  • Microsoft EdgeChormiumでクラウドパワードボイスを使用する方法
  • Microsoft Edge Chromium:翻訳しない、テキスト選択で検索を事前入力する
  • Microsoft EdgeChromiumでCaretブラウジングを有効にする
  • ChromiumEdgeでIEモードを有効にする
  • 安定した更新チャネルがMicrosoftEdgeChromiumに初登場
  • Microsoft EdgeChromiumが更新されたパスワード表示ボタンを受信
  • MicrosoftEdgeでの制御された機能のロールアウトとは
  • Edge Canaryは、新しいInPrivateテキストバッジ、新しい同期オプションを追加します
  • Microsoft Edge Chromium:終了時に閲覧データをクリアする
  • Microsoft EdgeChromiumでテーマの切り替えが可能になりました
  • Microsoft Edge:ChromiumEngineでのWindowsスペルチェッカーのサポート
  • Microsoft Edge Chromium:検索にテキスト選択を事前入力する
  • Microsoft EdgeChromiumが追跡防止設定を取得
  • Microsoft Edge Chromium:表示言語の変更
  • Microsoft EdgeChromiumのグループポリシーテンプレート
  • Microsoft Edge Chromium:サイトをタスクバーに固定するIEモード
  • Microsoft Edge Chromiumでは、デスクトップアプリとしてPWAをアンインストールできます
  • Microsoft EdgeChromiumはボリュームコントロールOSDにYouTubeビデオ情報を含みます
  • Microsoft Edge ChromiumCanaryの機能ダークモードの改善
  • Microsoft EdgeChromiumのブックマークにのみアイコンを表示する
  • Autoplay VideoBlockerがMicrosoftEdgeChromiumに登場します
  • Microsoft EdgeChromiumは新しいタブページのカスタマイズオプションを受け取ります
  • Microsoft EdgeChromiumでMicrosoftSearchを有効にする
  • 文法ツールがMicrosoftEdgeChromiumで利用可能になりました
  • Microsoft EdgeChromiumがシステムダークテーマに従うようになりました
  • MacOSでのMicrosoftEdgeChromiumの外観は次のとおりです
  • Microsoft Edge Chromiumは、スタートメニューのルートにPWAをインストールするようになりました
  • Microsoft EdgeChromiumでトランスレータを有効にする
  • Microsoft EdgeChromiumはユーザーエージェントを動的に変更します
  • 管理者として実行するとMicrosoftEdgeChromiumが警告する
  • Microsoft EdgeChromiumの検索エンジンを変更する
  • Microsoft EdgeChromiumでお気に入りバーを表示または非表示にする
  • Microsoft EdgeChromiumにChrome拡張機能をインストールする
  • Microsoft EdgeChromiumでダークモードを有効にする
  • Chromeの機能が削除され、EdgeでMicrosoftに置き換えられました
  • MicrosoftがChromiumベースのEdgeプレビューバージョンをリリース
  • 4KおよびHDビデオストリームをサポートするChromiumベースのエッジ
  • Microsoft EdgeInsider拡張機能がMicrosoftストアで利用可能になりました
  • 新しいChromiumベースのMicrosoftEdgeを実際に体験する
  • Microsoft EdgeInsiderアドオンページが明らかに
  • MicrosoftTranslatorがMicrosoftEdgeChromiumと統合されました

興味深い記事

エディターズチョイス

Samsung Galaxy J7 Pro –言語を変更する方法
Samsung Galaxy J7 Pro –言語を変更する方法
多くのスマートフォンユーザーは、いつでも2つ以上の言語を携帯電話にインストールしています。一部の人々はいくつかの言語に堪能であり、それらを簡単に切り替えることができます。他の人は新しい言語を学ぶために彼らの電話を使いたいです。
MIUIでロック画面を変更する方法
MIUIでロック画面を変更する方法
ロック画面は、誤って番号をダイヤルしたり、別のアプリを入力したり、電話を台無しにすることを防ぎます。電話のロックを解除する前に入力するPINコードがある場合は、さらに効果的です。しかし、何
Nuance Dragon NaturallySpeaking 11.5 のレビュー
Nuance Dragon NaturallySpeaking 11.5 のレビュー
音声認識は、かつては珍しい技術でした。正しく動作するようになるまでには時間と労力が必要でしたが、それでも結果は行き違いでした。現在、あらゆる場所に存在し、スマートフォンの Web 検索やカーナビゲーション システムの原動力となっています。
Misfit Shine 2レビュー:単なるフィットネストラッカー以上のもの
Misfit Shine 2レビュー:単なるフィットネストラッカー以上のもの
オリジナルのMisfitShineは、2012年から登場しており、他のほとんどのメーカーが市場に参入しようと考えるよりもずっと前に、歩数、フィットネスレベル、睡眠を追跡しています。オリジナルは会社にとって大成功でした。
Fortniteで分割画面を使用する方法
Fortniteで分割画面を使用する方法
https://www.youtube.com/watch?v=NjunybZF1f4 Couch co-op、つまり2人のプレーヤーが1つの画面でゲームをプレイできる機能が人気に戻りつつあります。これを念頭に置いて、EpicGamesは限定的な再作成を行いました。
ウェブカメラをテストする方法
ウェブカメラをテストする方法
ウェブカメラは次の会議の準備はできていますか? Windows または Mac、Skype で Web カメラをオンラインですばやくテストする簡単な方法があります。
Microsoft Edgeで、コレクションを日付と名前で並べ替えることができるようになりました
Microsoft Edgeで、コレクションを日付と名前で並べ替えることができるようになりました
Edge Canary 86.0.614.0で、Microsoftはコレクション機能を更新しました。これで、作成した日付と名前でコレクションを並べ替えることができます。 Microsoft Edgeのコレクションの主な機能デバイス間でコレクションにアクセスする:異なるデバイスで同じプロファイルを使用してMicrosoft Edgeにサインインすると、コレクションが同期されます