リンク集
第1章
- Kissmetrics Blog(表示が1秒遅くなるだけで、ユーザーが購入などの行動を起こしてくれる可能性が7%減ってしまうという調査結果)
- サンプルサイト(最適化前)
- サンプルサイト(この章の最適化実施後)
- HTTP/2サーバの利用状況
- node.jsのダウンロード
- Gitのダウンロード
- TinyPNG
第2章
- Google PageSpeed Insight
- リモートのサンプルサイト(最適化前)
- リモートのサンプルサイト(最適化後)
- GoogleによるDeveloper ToolsのPerformanceパネル(Performanceのタブ)の説明 と その説明で用いている例題
本文には登場しないもの
- Chrome DevTools Tutorial 11: Performance / Timeline, Memory, Security (Google公式のものではないらしい)
第3章
- W3CのCSS shorthand reference
- LESSとSASS
- Eric MeyerのリセットCSS
- StatCounter Global Statsの「Desktop vs Mobile vs Tablet Market Share Worldwide」
- モバイルフレンドリーなウェブサイトではどのような性質が重要なのか書いた原著者のサイト
- Googleのモバイルフレンドリー・テスト
- セレクタのテスト(原著者のサイト)
- flexboxに関するChris Coyier記事
- 図3.21 CSSトランジションの例
- p. 077 transition-timing-functionの詳しい説明
- p. 077 2つのプロパティを変化させた例(幅と高さ)
第4章
- さまざまな機器の解像度をソート可能な一覧表にして掲載しているサイト
- ブックマークレットVisualFold! (下から3行目のVisualFold!というリンクをブックマーク欄にドラッグしてください)
- ページのクリティカルCSSを見つけるプログラムCritcalCSS
- Web クライアントサイドのパフォーマンスメトリクス ― Speed Index、Paint Timing、TTI etc...
第7章
- 日本語Webフォントをサブセット化して軽量化する方法(世界のヘイショーのウェブログ)
- 軽くて美しい日本語Webフォント発見♫Noto Sans Japaneseの使い方(世界のヘイショーのウェブログ)
- プロップデザイン —— フリーフォントや素材集など
- フォントサイト1
- フォントサイト2
- FONT FREE 無料で使える! 日本語フリーフォント投稿サイト
- 日本語フリーフォントまとめサイトFONT FREEでダウンロードしておくべき和文フォントのまとめ —— 上記FONT FREEのまとめ?
- 第一水準漢字+記号+ローマ字+カタカナ+ひらがな 一覧
- 日本語フォントのOpenType機能を維持するサブセット化
- Noto Serif CJK(源ノ明朝)の font-feature-settings:palt 対応サブセットフォントを作る
第10章
第11章
- 筆者が用意したHTTP/1とHTTP/2の比較用サーバ
- Base64 Decode and Encode
- サーバプッシュのW3C仕様の中で使用するコンテンツタイプを網羅したリスト
- キャッシュを考慮したサーバプッシュに関してCSS-Tricksに筆者が書いた記事
- IE10がインストールされた無料版のWindows 7仮想マシンの入手