置いてあり、自動にリサイズしたものを表示しているので、圧縮などをして最適化することができません。修正の指摘を回避しようと思います。あとから読み込むことです。下にある画像は読み込まれないので、その分表示が速くなります。ファーストビューの画像のチェックしかしないようなので、「修正が必要」の勧告を回避できるのです。(画像遅延読み込み)を実装するいろいろなライブラリがあります。ライブラリを使うことにしました。長所は以下のようです。DEMO(このサイトはまだ画像自体がレスポンシブイメージに対応していませんが、近いうちに対応する予定です。テスト環境ではレスポンシブイメージをきちんと読み込んでいるのを確認しました。ようにスクロールせずに画面全体を一度にレンダリングすると、画像が読み込まれません。的に不利になるようです。ジョン・ミラー氏曰くあまりおすすめできないようです。いうものがあるのですが、試してみたところいくつか問題がありました。加えてあるというあまりよろしくない仕様でした。タグを挿入してしまいます。修正して使う場合は最後に修正方法を記載してあります。簡単な関数を書いて動作させることにしました。フォルダに置いてそこから読み込むようにしました。つけ一時的に退避させることで動作します。ついた属性を元に戻すことで画像を読み込みます。対象から外せるようにしました。指定した文字列を含む画像を遅延読み込みの対象から外す指定ができるようにしました。フューチャーフォンの場合はコードを変更するのをやめました。一部エラーが出ていたので修正しました。以前のコードは正規表現を多用していたので、動作を早くするためコードを見直しました。タグを別々に取得していたのを一度で取得できるようにしました。チェックするようにしました。正規表現で置換に利用しないものはキャプチャしないようにしました。対象から外すように仕様を変更しました。計測は以下のページで行いました。吸引力は嘘じゃない!また以前のコードは以下に移しておきました。両方ともかなりよくなり、初めてグリーンになりました。遅延読み込みさせていないので、「画像を最適化する」の項目は残ったままですが、テストしたページが画像が多かったのでかなり効果はありました。認識されているか確かめてみました。認識されていることがわかります。後者は対策しないといけませんね。レスポンシブデザインにて画像の遅延読み込みを行うと再レンダリングが行われ画面がチラついてしまうのを改良しました。再レンダリングされるのを防止して画面がチラつくのを回避する方法をまとめました。ソースを修正したので載せておきます。してソースをいじっているので、ソースが日本語が数値文字参照になってしまっているのです。宣言がついてしまいます。これらのバグを取り除きました。行目の下に以下を追加します。入れる必要がなくなったのでコメントアウトしました。行目あたりを下記のように変更します。組み込む正規表現を多用したあまりパフォーマンスがよくないコード。22:50参考にさせていただきました。ありがとうございます。ご紹介していただいた処理を行うと、コンフリクトをおこすプラグインがありました。重に属性をつけてしまうためのようです。検出置換する部分の頭に半角スペースを入れて、対処しました。さん◇ご指摘ありがとうございます。他のプラグインでデータ変更している可能性を考慮しておりませんでした。ご指摘を参考にコードを変更しました。コメントを書く返信をキャンセルする。(非公開)サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。(59)このサイトについて*書いてる人:あさこん愛知県の片田舎に嫁にきて、「トイレのうず」がない家に住んでいます。トラックバックは受けつけていません。コメントは、記事に関係ないものや宣伝目的のもの、管理人が不快に思ったものは容赦なく削除いたします。個人の意見無き記事収集転載サイトに対しては転載部分の削除を要求します。強いことを書いていますが、普通にコメントをくださるのは大歓迎なので、よろしくお願いします。