Bloggerの投稿画像のlazy-loadの自動化のJavaScriptプログラムと説明 - Qiita

// 記事の本文の要素（psbd）と記事の本文の中身に付けたnoscript要素（blct）と記事の本文の要素の複製（npsbd）と新しいdiv要素（nl）の取得 const psbd = Blog1.querySelector("div.post-body"), blct = psbd.querySelector("noscript.blog-content"), npsbd = psbd.cloneNode(false), nl = document.createElement("div"); // 新しいdiv要素の高さを画面の縦幅と同じにする nl.style.height = "100vh"; // 新しいdiv要素をnoscript要素の前に挿入する（無地の画面が最初に素早く出るようにしてプログラムの実行で記事の表示が遅れた際の違和感を減らすため） psbd.insertBef

[pinelike]

Bloggerの記事／追加ページの投稿画像のloading-lazyによる遅延読み込みの自動化のJavaScriptプログラムの説明付きソースコード。noscriptタグで記事本文の出力を止めてソースコードを加工してから表示する。