【書評】『Web配信の技術』を読んでウェブパフォーマンス・チューニングに再入門してみた | DevelopersIO
前職時代にはWebサイトの高速化をガッツリやっていました。 Webアクセラレーターの Varnish がコア技術だったため、Varnishの第一人者であるいわなちゃん(@xcir)のドキュメントでたくさん勉強させてもらいました。 そのいわなちゃんがこれまでのWeb配信の知見をまとめた『Web配信の技術』という本を紹介します。 副題が「HTTPキャッシュ・リバースプロキシ・CDNを活用する」とあるように、本書はこれらレイヤーでWeb配信を最適化する方法を丁寧に解説しています。 本書の構成 目次を見てみましょう。 第１章 はじめに 第２章 配信の基礎 第３章 HTTPヘッダ・設定とコンテンツの見直し 第４章 キャッシュによる負荷対策 第５章 より効果的・大規模な配信とキャッシュ 第６章 CDNを活用する 第７章 自作CDN（DIY‐CDN） A5判で456ページとかなりのボリュームで、先頭から
Web Performance Waterfalls from 10,000 Feet
Patrick Meenan (@patmeenan) created WebPagetest while working at AOL and now works at Google with the team that is working to make the web faster. When working on web performance we often spend a lot of our time staring at resource waterfalls to identify issues with sites. There is a lot you can tell without having to look to closely and most of the key issues with a page will be identifiable from
Webパフォーマンスのカレンダー | Advent Calendar 2020 - Qiita
Webパフォーマンスについて、幅広くネタを集めております。 ミリ秒単位のミクロな改善 秒単位のマクロな改善 HTMLコーディング CSSコーディング 各種計測手法 ハードウェア論 ソフトウェア論 設計手法論 評価手法 CDN フロントエンド最適化サービス WordPressやDrupalのようなCMS専用高速化仮想マシンのようなもの 高速VPSサービス 第二世代クラウドコンピューティング（ベアメタル化） 第一世代クラウドコンピューティングのハイパーバイザーのオーバーヘッド問題 プログラミング言語での高速化手法 Apacheやnginxの高速化手法 CMS Plugin Webブラウザ開発における高速化の努力 Chrome Developer Tools、Firefox Developer Tools、Edge Developer Toolsによるプロファイリング OSやフロントエンドのAP
How to 速度改善 ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita
今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった（使えなかった）技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting（これでページが表示される） となっています。 この処理の内容をフレーム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shifting Performance Testing to the left with k6
【2018年版】フロントエンドエンジニアがよく使うWebサービス・アプリまとめ - たこさんちゃんねる(別枠)
