2020年11月13日のブックマーク (2件)

  • 第3世代Ryzen CPUで新しいPCを組んだ

    これまでは 2013/11 に購入したノートPC Thinkpad e440 に Fedora を入れて使っていた。 いよいよ古さを感じてきたのと、AMD CPU が盛り上がっているのを見て使ってみたくなったので、第3世代 Ryzen を CPU にして新しいメインPCを組んでみた。 今回も OS は Fedora にした。 1. ハードウェア構成 1.1. Motherboard GIGABYTE B450 AORUS PRO WIFI (rev.1.0) B450 AORUS PRO WIFI (rev. 1.0) | マザーボード - GIGABYTE Japan ネットワークカード周りで Linux の相性が結構出てこれまで苦労してきたので、 今回は Intel チップのものを選んだ。 このマザーには PS/2 端子が付いていない。購入してから気付いた。 うちには PS/2 キーボ

    hiro_2005
    hiro_2005 2020/11/13
  • Webページ高速化に必須の知識!ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説

    ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLCSSJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLの解析(パース)を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算する はじめに 私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適

    Webページ高速化に必須の知識!ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説