Amazon.co.jp などで、「HTML コーダー & ウェブ担当者のための Web ページ高速化超入門」の電子書籍版などの予約を行なっています。Web ページの表示速度にお悩みの方など、Web ページの表示を改善する実践技術が紹介されています。
また、Amazon.co.jp や honto、紀伊國屋書店ウェブストア、omni 7、HMV & Books – online –、TSUTAYA オンラインショッピング、Honya Club などの販売店および各種電子書籍サイトでも予約を行なっています。
1.内容紹介
ふとした興味で Web サイトにアクセスすると、重たくて読みたい情報が読めない・・・。Goolge の調査で、Web ページの読み込みに 3秒かかると 53% の人が別のページへ離脱してしまいます。Web ページを速くする、これはビジネスで成功するための必須条件。
本書では、Web ページの高速化を測るための実践ノウハウを Web デザイン、HTML コーディングなどの見地から多面的にまとめています。Google の提供するツールである PageSpeed Insigts、Chtome DevTools を徹底活用して、客観的でかつ実際に効果の出る実践テクニックが取り上げられています。
Web 担当者、HTML コーダー、Web デザイナーの皆さんの仕事を活性化します。
1.概要
ふとした興味でWebにアクセスすると,重たくて読みたい情報が読めない……。Googleの調査では,Webページの読み込みに3秒かかると53%の人が,別のページに行ってしまいます。Webページを速くする,これはビジネスで成功するために必須の条件と言えます。本書は,Webページの高速化を図るための実践ノウハウを,Webデザイン,HTMLコーディングなどの見地から多面的にまとめました。Googleの提供するツールであるPageSpeed Insight,Chrome DevToolsを徹底活用し,客観的でかつ実際に効果が出る実践テクニックを紹介します。Web担当者,HTMLコーダー,Webデザイナーの皆さんの仕事を活性化します!
1.本書におすすめの方
- ・HTML コーダー、Web 担当者
- ・Web デザイナーだけでなく、Web サイトの運用や管理などを行なっている方
2.目次
1.第 1章:Web ページが遅いのはなぜか?
1.入門編
- ・Web のしくみをおさえて、根本の原因を調べよう
- ・Web ページが表示されるまでの流れ
- ・流れを悪くしているのは、どこだろう?
- ・Web ページの読み込み速度を測るには
- ・PageSpeed Insights でページ速度を測ってみよう
2.実践編
- ・プロに求められるボトルネックの探し方
- ・遅い Web サイトを高速化しよう
- ・サンプルサイトを DL(ダウンロード)しよう
- ・サンプルサイトを計測しよう
- ・サーバーの速さをチェックする
2.第 2章:Web ページ画像を最適化していますか?
1.入門編
- ・画像をサクサク表示させよう
- ・適切な画像形式を選ぼう
- ・その他の形式
- ・画像表示形式のまとめ
- ・縮小しよう
- ・圧縮しよう
- ・主な画像圧縮ソフトの紹介
- ・画像を最適化して高速化した結果
2.実践編
- ・Web ページ画像を最適化するプロの技
- ・高速化前の状態をチェックしよう
- ・画像の形式を変更しよう
- ・縮小しよう
- ・圧縮しよう
- ・高速化後の状態をチェックしよう
- ・携帯回線の転送速度をエミュレーションしてみよう
3.第 3章:テキストファイルをどこまで圧縮できる?
1.入門編
- ・テキストファイルを圧縮しよう
- ・Minify
- ・Minify するには
- ・gzip で圧縮配信しよう
- ・gzip 圧縮配信するには
- ・ファイルを 1つにまとめると・・・?
- ・テキストファイルを圧縮して高速化した結果
2.実践編
- ・プロのテキストファイル圧縮テクニック
- ・Minify してみよう
- ・mod_deflate で gzip 配信しよう
- ・設定してみよう
- ・高速化後の状態をチェックしよう
4.第4章:Web ページをさらに速くする方法
1.入門編
- ・体感的に速くする技術とは
- ・Web ページのぱっと見を速く感じさせるには
- ・ファーストビュー & アバブ・ザ・フォールド
- ・JavaScript の配信を最適化しよう
- ・CSS の配信を最適化しよう
- ・CSS の読み込みを非同期にする
- ・非同期読み込みで高速化した結果
2.実践編
- ・読み込みをチューニングするプロの技術とは
- ・サンプルプロファイルをバックアップ
- ・JavaScript の配信を最適化しよう
- ・CSS 配信を最適化しよう
- ・高速化後の状態をチェックしよう
5.第 5章:キャッシュの有効活用をしていますか?
1.入門編
- ・ブラウザーとキャッシュのしくみ
- ・ブラウザーキャッシュとは
- ・キャッシュを有効活用するには?
- ・ブラウザーキャッシュを設定してみよう
- ・高速化した結果
2.実践編
- ・.htaccess でキャッシュを設定してみよう
- ・ブラウザーキャッシュを設定してみよう
- ・期間の指定
- ・ファイル形式の設定
- ・設定内容を確認しよう
- ・高速化後の状態をチェックしよう
- ・携帯回線の転送速度をエミュレーションしてみよう
- ・まとめ
6.第 6章:コンテンツのダイエットをしていますか?
1.入門編
- ・そもそも、そのコンテンツは必要ですか?
- ・ファーストビュー内に動画や動く要素はありませんか?
- ・なんとなく SNS を埋め込んでいませんか?
- ・SNS へのリンクを埋め込むべきケースとは
- ・未使用の解析タグ
- ・多量のコメントアウト
- ・不要なコンテンツを決して高速化した結果
- ・自分の Web サイトで実践しよう
7.第 7章:ストーリーで読む、既存サイトの高速化
8.第 8章:Web 担当者・HTML コーダーのための Git 超入門
1.入門編
- ・Git を使いこなす手がかり
- ・Git があれば憂いなし
- ・機能を絞って考えればけっこう簡単
- ・Git を使うとどうなるの?
- ・どんなときに便利なの?
- ・Git にも種類がある — Bitbucket
- ・Git クライアント — Sourcetree
2.実践編
- ・Bitbucket と Sourcetree でわかる Git のメリット
- ・転ばぬ先の Git、Web ページの安心・安全をつくりましょう
- ・Sourcetree を DL(ダウンロード)する
- ・まず、リポジトリを作ろう
- ・リポジトリを開こう
- ・リポジトリにファイルを追加しよう
- ・ファイルを変更してみよう
付録:PageSpeed Insight「改善できる項目」対応表
HTML コーダー & ウェブ担当者のための Web ページ高速化超入門
関連リンク
- ・HTML コーダー & ウェブ担当者のための Web ページ高速化超入門|佐藤 あゆみ|本|通販|Amazon:https://amzn.to/2XU3WVq
- ・HTML コーダー & ウェブ担当者のための Web ページ高速化超入門の通販/佐藤 あゆみ – 紙の本:honto 本の通販ストア:https://honto.jp/netstore/pd-book_29614910.html
- ・Html コーダー & ウェブ担当者のための web ページ高速化超入門:佐藤あゆみ(ウェブクリエイター)|HMV & BOOKS online – 9784297105808:https://www.hmv.co.jp/artist_%E4%BD%90%E8%97%A4%E3%81%82%E3%82%86%E3%81%BF–%E3%82%A6%E3%82%A7%E3%83%96%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC-_000000000799193/item_Html%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC—%E3%82%A6%E3%82%A7%E3%83%96%E6%8B%85%E5%BD%93%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEweb%E3%83%9A%E3%83%BC%E3%82%B8%E9%AB%98%E9%80%9F%E5%8C%96%E8%B6%85%E5%85%A5%E9%96%80_9826177
- ・本・コミック:HTML コーダー & ウェブ担当者のための Web ページ高速化超入門/佐藤あゆみ(ウェブクリエイター):オンライン書店 Honya Club com:https://www.honyaclub.com/shop/g/g19595926/
- ・楽天ブックス: HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 – 佐藤あゆみ(ウェブクリエイター) – 9784297105808:本:https://books.rakuten.co.jp/rb/15861450/
- ・HTML コーダー & ウェブ担当者のための Web ページ高速化超入門:書籍案内|技術評論社:https://gihyo.jp/book/2019/978-4-297-10580-8