Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説
ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLの解析（パース）を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算する はじめに 私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適
フリーランスデザイナーが悪質なクライアントを必要とする理由
この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 Why Freelance Designers Need the Client from Hell 「引き受けなければ、どうなっても知らないぞ。」 あるとき、クライアントは私たちに、自分たちのWebサイトを変えてほしいと要求しました。それらの要求は十分に妥当なものだったので、それ自体は問題ではありません。 問題は、クライアントがその支払いに応じなかったことです。 彼らは私たちと付き合ってきた「年月」が十分な対価だと思っていて、自分たちに従うよう主張しました。彼らは私たちを服従させるためにあらゆる戦術を試しました。名前を晒し上げたり、おどしたり、恥をかかせたり……何でもしてきたのです。 あなたは悪夢のようなクライアントに出会ったことがありますか？ 脅迫的なクライアント
パフォーマンス・バジェット、ADN…ためになりすぎる！竹洞先生に聞く、Webパフォーマンス最新動向
パフォーマンス・バジェット、ADN…ためになりすぎる！竹洞先生に聞く、Webパフォーマンス最新動向 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 今回は、Webパフォーマンスに関する特集の一環として、株式会社Spelldata CEO、html5j パフォーマンス部 部長などを歴任されている竹洞陽一郎さん（エキスパートNo.54）にお話を伺ってきました。 竹洞さんはWebパフォーマンスについて10年以上従事しており、現在でも年間200サイト以上を計測・分析・評価しているという、その道のエキスパート。テクノロジーの知識はもちろんのこと、アカデミックな話題から業界動向まで幅広く押さえていらっしゃる竹洞さんに、「竹洞さんにしか語れないパフォーマンスの話」を聞いてきました。 「ADN」や「パフォーマンス・バジェット」など、Webパフォーマンス業界の最新動向の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
