[読了]超速! Webページ速度改善ガイド ── 使いやすさは「速さ」から始まる (WEB+DB PRESS plus)

Webページの高速化に関してはユーザ体験の側面でもコマース分野でも回遊でも重要な位置づけとなっています。Financial Timesも少しでも速度遅延の原因があるなら徹底的に取り除くべきとしています。

この本はインターネットの仕組みを知っていて、javascriptも読めれば普通に読むことが出来るものでちょうど今読む内容としては内容がトレンドを捉えていてちょうど良いのではないかと思います。2018年中に何が変わるかはわかりませんがGoogleが進めているClient Hintだったり、PWA周りがもっとpushされるかもしれません。

話は変わり普段からChromeのDev Toolsが便利だなーと思って利用していたものの、Performanceタブがここまで高機能だという認識がなかったので、まだまだ使いこなせていないんだなと思いました。

Chrome使いの方には本書はとても良い本ではないかと思います。
本書では

• ネットワーク処理
• レンダリング処理
• スクリプト処理

の3つの内容について最新のWeb技術も交えながら見るべき・気づくべき・分析すべきポイントはどこかが完結にまとまっています。

僕はエンジニアではありませんのでフロントエンドエンジニアにとって、もしかするとそこまで真新しいものではないのかもしれません。僕が読んでも内容としては全体として知っているけど深く理解できていないという感じでしたので。でも非常に面白く読めました。

[メモ]
・First Paint : Webページの何らかが表示され始めたタイミング
・First Contentful Paint : コンテンツが表示されはじめたタイミング。(First Paintがとにかく何らかの表示があれば成立するのに対し、画像、テキストなどコンテンツになりえる要素の表示タイミング)
・First Meaningful Paint : ユーザに意味のある表示になったとき
・Time To Interactive : ユーザの操作に応答できるようになったとき

このFirst Meaningful Paintに関する定義が良くわかっていなかったのですが本書でも現状は曖昧な定義の上に成り立っていて今後に期待というニュアンスになっている。