エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【脱jQuery】pure javascriptで書く画像の遅延読み込み処理『lazyload』の実装
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【脱jQuery】pure javascriptで書く画像の遅延読み込み処理『lazyload』の実装
こんにちはYsです。 この記事ではpureのJavaScriptで画像の遅延読み込みの実装方法を書いていこうと思い... こんにちはYsです。 この記事ではpureのJavaScriptで画像の遅延読み込みの実装方法を書いていこうと思います。この機能を作る理由は3つ。 サイトの速度改善 速度改善によるSEO効果UP 速度改善によるユーザービリティの向上 当サイトでは画像の遅延読み込みを実装していますが、遅延読み込みは画像を読み込むサイトを運営する上ではほぼ必須と言っても過言ではありません。 昨今では画像の質が高くなってきている事もあり、画像のファイルサイズがかなり大きいです。その所為で画像を読み込むのに時間がかかり、結果的にサイトの描写速度が下がり、SEO的にもよくありません。 上記の対策には2通りあります。 ・画像ファイルを圧縮する ・遅延読み込みを実施して、画像の読み込みを遅らせる 画像圧縮はWordpressの場合はプラグインを、プラグインを使いたくないという人向けには画像圧縮サイトなどを利用して、圧縮