タグ

2021年6月29日のブックマーク (2件)

  • CSSの実装方法を少し改善するだけで、Webページの読み込み・表示を最適化するテクニックのまとめ

    CSSの記述方法やレイアウトの構築方法で、ページの表示速度、読み込み時に発生するレイアウトのずれ、Webフォントの表示、CSSアニメーション、アクションを起こした時の反応の速度など、ウェブ​バイタルに大きな影響を与えます。 ウェブ​バイタル(Web Vitals)を最適化するためのCSSのテクニックを紹介します。 CSS for Web Vitals by Katie Hempenius, Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レイアウトのCSSを改善 画像のCSSを改善 画像によるレイアウトシフトのCSSを改善 WebフォントCSSを改善 アニメーションのCSSを改善 クリティカルCSS 終わりに はじめに CSSの記述方法やレイアウトの構築方法で、コアウェブ​バイタル(Core

    CSSの実装方法を少し改善するだけで、Webページの読み込み・表示を最適化するテクニックのまとめ
    matea
    matea 2021/06/29
  • 糖質制限中なので「ツナ」を大量に自作して毎日の食事に取り入れたら最高だった件 - メシ通 | ホットペッパーグルメ

    そうか、ツナって自作できるんだ 万年ダイエッターライターの西たまおです。 体重を落とすためにはある程度の糖質制限の必要性を痛感しております。 さて、そんなダイエッターにとって、日々の事の中で強い味方になってくれているのがツナです。 例えばツナ缶は1缶(80g)あたりの糖質は0.08gほどと言われている低糖質品ですが、ボリュームもあり満足度も高くてとっても優秀。 糖質制限メニューの相棒としてこれ以上ない存在だと確信していたのですが、こんな話を耳にしてしまったのです。 「ツナって、自作できるんだよ」ってね! そう、ツナというのは言ってみればマグロの油漬け。要はマグロを油に漬けておけばいいってことではないでしょうか。 毎日のように使うのであれば、たくさん作ってストックしておくのは悪くない話。さっそく、自家製ツナ作りにチャレンジしてみることにしました。 ツナを自作してみよう 自家製ツナをつくる

    糖質制限中なので「ツナ」を大量に自作して毎日の食事に取り入れたら最高だった件 - メシ通 | ホットペッパーグルメ