タグ

比較に関するh1rokey0401のブックマーク (2)

  • LP高速化のために5つの画像の遅延読み込みライブラリを比較した - Qiita

    ベーシックアドベントカレンダー22日目です。 8日ぶり3回目の@tkhrです。 画像の遅延読み込みライブラリ比較の話です。 LPの高速化のために遅延読み込みを導入します。 対象になるLPは広告からの流入で表示するページになります。 なのでユーザの熱を冷まさせない工夫が必要ですね。 そのための工夫の一つとして今回は画像の遅延読み込みに対応します。 画像ならキャッシュがあるじゃん。と言えるかもしれませんが、広告LPなので初めてのユーザが大半なのでアテにできませんね。 なので遅延読み込みによってファーストビューが表示されるまでの時間を短縮することが狙いとなります。 遅延読み込みとは ページにアクセスした時には画像の読み込みはせず、必要になった時に画像を読み込みます。 必要になった時というのは、その画像が表示される時ですね。 それによってページにアクセスした時の読み込み時間を短縮できるので、ユーザ

    LP高速化のために5つの画像の遅延読み込みライブラリを比較した - Qiita
  • 製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」

    Products Comparison Tableはよくある製品情報の比較tableにフィルタ機能を付与するためのコードです。上記のようなUI。比較対象が沢山ある場合、ユーザーが任意の製品を選択してFilterボタンを押せば表示を選択項目のみに出来る、というもの。それだけでなく、縦長になる場合、製品画像がfixedされる仕組みも素敵でした。結構良かったのでメモ的に書いてます。コードはcodyhouseなので商用でも利用可能で帰属のリンクも不要です。 Products Comparison Table動作サンプル

    製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」
  • 1