エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
レイジーロードイメージのプレースホルダーにSVGを用いてみる - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
レイジーロードイメージのプレースホルダーにSVGを用いてみる - Qiita
この記事は『まぼろしのJS勉強会 #4 「パフォーマンスアップ道場」』で自分が話したネタをまとめたもの... この記事は『まぼろしのJS勉強会 #4 「パフォーマンスアップ道場」』で自分が話したネタをまとめたものです。 基本的には(本記事執筆時点の)半年以上前に "Using SVG as placeholders — More Image Loading Techniques" というブログ記事に書かれていたことを自分でやってみただけなのであまり目新しくはないかも。 やってみたかったや〜つ やってみたかったのは上記の記事の後半で紹介されている "Silhouettes" の節のやつ。 デモが CodePen で公開されいるので以下に貼ります。 See the Pen Lazy loading with inline SVG by Mikael Ainalem (@ainalem) on CodePen. 見ての通り、プレースホルダーのシルエットからリアルイメージ(っていう言い方で伝われ )にクロ