タグ

webに関するgi-chiのブックマーク (5)

  • ウェブ向けのブラウザレベルの画像遅延読み込み  |  Articles  |  web.dev

    loading 属性を使用すると、カスタムの遅延読み込みコードを記述したり、別の JavaScript ライブラリを使用したりすることなく、画像を遅延読み込みできます。この機能のデモは次のとおりです。 遅延読み込みされた画像は、ユーザーがページをスクロールするときに読み込まれます。 このページでは、ブラウザで遅延読み込みを実装する方法について詳しく説明します。 ブラウザレベルの遅延読み込みを使用する理由 HTTP Archive によると、画像はほとんどのウェブサイトで最もリクエストされるアセット タイプであり、通常は他のリソースよりも多くの帯域幅を消費します。90 パーセンタイルでは、サイトはパソコンとモバイルで 5 MB を超える画像を送信しています。 以前は、画面外の画像の読み込みを遅らせる方法が 2 つありました。 Intersection Observer API の使用 scr

    ウェブ向けのブラウザレベルの画像遅延読み込み  |  Articles  |  web.dev
  • 【2018年版】Webサイトのファビコンや各種アイコンの正しい設定方法 | Web Design Trends

    Webサイトにファビコン(favicon)を設定しておくことで、ブラウザのタブやGoogleの検索結果にアイコンが表示されるようになります。 今回は、2021年現在のファビコン(favicon)の設定方法とおすすめの作成ツールについてご紹介したいと思います。 ファビコン(favicon)とは? ファビコンとは、Webページごとに設定されるブラウザのタブなどに表示されるアイコンのことです。 PCのブラウザでWebサイトを開くと、タブごとにサイト名の隣にアイコン画像が表示されますが、その画像はWebページ側で指定したアイコンが表示されるようになっていて、ブラウザでの見た目が分かりやすくなるだけでなく、Webサイトのブランディングやイメージ作りにも影響を与えます。 ファビコンは、主に下記の箇所に表示されます。 必ずファビコンを設定しないといけないわけではありませんが、ファビコンが設定されていない

    【2018年版】Webサイトのファビコンや各種アイコンの正しい設定方法 | Web Design Trends
  • Houzz|ハウズ|

    新規登録またはログインして続行することにより、Houzz 利用規約およびプライバシーポリシーに同意したものとみなされます。Houzzがマーケティング目的で自分のメールアドレス宛にメールを送信することに同意します。設定から、いつでも停止できます。

    Houzz|ハウズ|
  • RAIL モデルでパフォーマンスを測定する  |  Articles  |  web.dev

    目標とガイドライン RAIL においては、「目標」と「ガイドライン」という用語には次のような特定の意味があります。 目標。ユーザー エクスペリエンスに関連する主要なパフォーマンス指標。たとえば、タップして 100 ミリ秒未満でペイントします。人間の認識は比較的一定であるため、これらの目標が近いうちに変更される可能性は低くなります。 ガイドライン。目標の達成に役立つ推奨事項。現在のハードウェアやネットワーク接続の状態に固有のものであるため、今後変更される可能性があります。 レスポンス: 50 ミリ秒未満でイベントを処理 目標: ユーザー入力によって開始される遷移を 100 ミリ秒以内に完了し、ユーザーが操作が瞬時にあると感じられるようにします。 ガイドライン: レスポンスが 100 ミリ秒以内に表示されるようにするには、ユーザー入力イベントを 50 ミリ秒以内に処理します。これは、ボタンのク

    gi-chi
    gi-chi 2018/04/06
  • Measure performance with the RAIL model  |  Articles  |  web.dev

    Goals and guidelines In the context of RAIL, the terms goals and guidelines have specific meanings: Goals. Key performance metrics related to user experience. For example, tap to paint in under 100 milliseconds. Since human perception is relatively constant, these goals are unlikely to change any time soon. Guidelines. Recommendations that help you achieve goals. These may be specific to current h

    gi-chi
    gi-chi 2018/04/06
  • 1