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に含まれていない画像を遅延ロードさせるため NS 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の実際のバージョンは次のとおりです。

• 安定したチャネル： 80.0.361.54
• ベータチャンネル： 80.0.361.53
• 開発チャネル： 81.0.416.6 （を参照してください 変更ログ)
• カナリアチャンネル： 81.0.425.0

次の投稿でカバーされている多くの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がタスクバーウィザードへのPINを受信
• Microsoftは、CanaryおよびDevEdgeでのコレクションを改善して有効にします
• エッジクロムはカナリアで新しいタブページの改善を取得しました
• EdgeがPWAのカラフルなタイトルバーを受け取る
• MicrosoftがEdgeChromiumでトラッキング防止がどのように機能するかを明らかに
• EdgeはWindowsシェルとの緊密なPWA統合を受け取ります
• EdgeChromiumはすぐに拡張機能を同期します
• EdgeChromiumが安全でないコンテンツブロック機能を導入
• MicrosoftEdgeでInPrivateモードの厳密な追跡防止を有効にする
• EdgeChromiumがフルスクリーンウィンドウフレームドロップダウンUIを受信
• ARM64デバイス用のEdgeChromiumがテストに利用できるようになりました
• ClassicEdgeとEdgeChromiumを並べて実行できるようにする
• お気に入りをMicrosoftEdgeChromiumのHTMLファイルにエクスポートする
• Edge forLinuxが正式に登場します
• Edge ChromiumStableが2020年1月15日に新しいアイコンで登場
• MicrosoftEdgeが新しいロゴを取得
• MicrosoftEdgeのすべてのサイトでダークモードを有効にする
• EdgeChromiumがデフォルトのPDFリーダーになりました。これを変更する方法は次のとおりです
• 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ベースのエッジ
• MicrosoftEdgeインサイダー拡張機能がMicrosoftStoreで利用可能になりました
• 新しいChromiumベースのMicrosoftEdgeを実際に体験する
• Microsoft EdgeInsiderアドオンページが明らかに
• MicrosoftTranslatorがMicrosoftEdgeChromiumと統合されました