Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

レビュー 書籍

ハイパフォーマンスWebサイト —高速サイトを実現する14のルール

投稿日:


会社で課題図書として回ってきたので(笑)早速読破したのですが、これは過去ナンバー1で役に立った技術本といってもいいかもしれない。
ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
Steve Souders スティーブ サウダーズ 武舎 広幸
487311361X
いや、冗談抜きで。


ハイパフォーマンス改善などというと、大体サーバサイドの話になってしまうのですが、この本では「パフォーマンスの問題の80%はフロントエンドにある」という調査結果を元に、具体的な問題点と解決方法を解説しています。
以下、目次

A章 フロントエンドのパフォーマンスの重要性
B章 HTTPの概要
1章 ルール1:HTTPリクエストを減らす
2章 ルール2:CDNを使う
3章 ルール3:Expiresヘッダを設定する
4章 ルール4:コンポーネントをgzipする
5章 ルール5:スタイルシートは先頭に置く
6章 ルール6:スクリプトは最後に置く
7章 ルール7:CSS expressionの使用を控える
8章 ルール8:JavaScriptとCSSは外部ファイル化する
9章 ルール9:DNSルックアップを減らす
10章 ルール10:JavaScriptを縮小化する
11章 ルール11:リダイレクトを避ける
12章 ルール12:スクリプトを重複させない
13章 ルール13:ETagの設定を変更する
14章 ルール14:Ajaxをキャッシュ可能にする
15章 米国トップ10サイトの分析

A章、B章ではまず、HTTPの仕組みの解説となぜパフォーマンス改善にフロントエンドの処理が重要なのかが解説されています。この本を読み進める上での大前提になるのでしっかり理解しておきたい部分です。そして、読んで行くとキャッシュ圧縮Keep-Alive持続接続(Persistent Connection)パイプラインなど、なんだか覚えのある単語が続々でてきました。
そうです、「Macのネット環境高速化「dolipo」はナゼこんなに速いのか」のエントリーで調べた事がそのままでているような内容なのです。Webの高速化というテーマでは基本中の基本という事なのでしょうね。上記エントリーも参考になると思いますのでぜひご一読を。
あとは、14もの具体的なテクニックの説明になるのですが、これは役に立ちすぎて1エントリーでは書ききれません。それに、こういった内容は実践してみて初めて身に付くものなので、是非できるところから実際にやってみて複数回に分けてレポートしていきたいと思います。(多分…)
ただ、このブログでやる場合、できる範囲も限られてくるので実際やりそうなのは、

1章 ルール1:HTTPリクエストを減らす
3章 ルール3:Expiresヘッダを設定する
4章 ルール4:コンポーネントをgzipする
5章 ルール5:スタイルシートは先頭に置く
6章 ルール6:スクリプトは最後に置く
8章 ルール8:JavaScriptとCSSは外部ファイル化する
10章 ルール10:JavaScriptを縮小化する
12章 ルール12:スクリプトを重複させない
13章 ルール13:ETagの設定を変更する

ってとこかなぁ。・・・いや、十分多いから。
とにもかくにも、超オススメな本ですので、Webに関わる人はつべこべいわず読め!
「ワタシ、パフォーマンスとかは専門外なので」っていってるデザイナーさんやコーダーさんにも絶対役立ちますよ!

ハイパフォーマンスWebサイト:サイトのボトルネックを見つけるためのツール
ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
Steve Souders スティーブ サウダーズ 武舎 広幸
487311361X

-レビュー, 書籍

執筆者:


  1. よしきみ より:

    是非、読ませて頂きたい一冊ですね。
    最近は、バックエンドの構築しかしていませんが、役に立ちそうです。
    ワガシャでも回覧しうよかなぁ。

  2. yager より:

    >よしきみさん
    Webサーバの設定とか一部バックエンドの人にも役立つ内容があるので是非読んで下さい。
    回覧必須ですよ。特におたくの会社では!

comment

メールアドレスが公開されることはありません。

関連記事

花写真 – 上手になるための18のルール

初めて写真のHowTo本を最後まで読みましたw “初めて” ってのは冗談じゃなくて本当。 だって仕事帰りの電車の中で30分くらいで読み終えたもん。 ・花写真―上手になるための1 …

【PR】東京公演開幕!シルク・ドゥ・ソレイユ最新作「ダイハツ トーテム」の公開リハ潜入レポート!

いよいよ本日2016年2月3日からシルク・ドゥ・ソレイユ最新作「ダイハツ トーテム」の東京公演が開幕します!テレビCMなどでも流れていますので楽しみにしている人も多いと思いますが、日本公演の主催でもあ …

flick!3(フリック)

▼ flick!3(フリック) (エイムック 2130) 創刊号から買い続けている flick! の vol3が出たので早速読みました。 今回メインの特集は百花繚乱ますます面白くなってきているアンドロ …

房総ラクガキツアー(5) Cafe GROVEの贅沢な自然空間とスペシャリティコーヒー(富津市)

8月25日のラクガキ・シンキング・ワークショップin房総の裏で実施されていた房総ラクガキツアーの第5弾はお洒落なカフェ! ここは千葉県富津市にあるCafe GROVEというお店なんですが、小さい頃にこ …

PHOTO GRAPHICA (フォト・グラフィカ) 2010年07月号

▼PHOTO GRAPHICA (フォト・グラフィカ) 2010年 07月号 [雑誌] (雑誌) 月刊とかじゃないから大体いつも偶然買うパターンの写真雑誌です。

スポンサードリンク

スポンサードリンク