電子書籍
HTMLコーダー&ウェブ担当者のための Webページ高速化超入門
著者 佐藤 あゆみ
(概要)ふとした興味でWebにアクセスすると,重たくて読みたい情報が読めない……。Googleの調査では,Webページの読み込みに3秒かかると53%の人が,別のページに行...
HTMLコーダー&ウェブ担当者のための Webページ高速化超入門
ワンステップ購入とは ワンステップ購入とは
HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門
商品説明
(概要)
ふとした興味でWebにアクセスすると,重たくて読みたい情報が読めない……。Googleの調査では,Webページの読み込みに3秒かかると53%の人が,別のページに行ってしまいます。Webページを速くする,これはビジネスで成功するために必須の条件と言えます。本書は,Webページの高速化を図るための実践ノウハウを,Webデザイン,HTMLコーディングなどの見地から多面的にまとめました。Googleの提供するツールであるPageSpeed Insight,Chrome DevToolsを徹底活用し,客観的でかつ実際に効果が出る実践テクニックを紹介します。Web担当者,HTMLコーダー,Webデザイナーの皆さんの仕事を活性化します!
(こんな方におすすめ)
・HTMLコーダー,Web担当者
・WebデザイナーだけでなくWebサイトの運用や管理などをされている皆さん
(目次)
第1章 Webページが遅いのはなぜか?
【入門編】
Webのしくみをおさえて,根本の原因を調べよう
Webページが表示されるまでの流れ
流れを悪くしているのは,どこだろう?
Webページの読み込み速度を測るには
PageSpeed Insightsでページ速度を測ってみよう
【実践編】
プロに求められるボトルネックの探し方
遅いWebを高速化しよう
サンプルサイトをダウンロードしよう
サンプルサイトを計測しよう
サーバの速さをチェックする
第2章 Webページ画像を最適化していますか?
【入門編】
画像をサクサク表示させよう
適切な画像形式を選ぼう
その他の形式
画像表示形式のまとめ
縮小しよう
圧縮しよう
主な画像圧縮ソフトの紹介
画像を最適化して高速化した結果
【実践編】
Webページ画像を最適化するプロの技
高速化前の状態をチェックしよう
画像の形式を変更しよう
縮小しよう
圧縮しよう
高速化後の状態をチェックしよう
携帯回線の転送速度をエミュレーションしてみよう
第3章 テキストファイルをどこまで圧縮できる?
【入門編】
テキストファイルを圧縮しよう
Minify
Minifyするには
gzipで圧縮配信しよう
gzip圧縮配信するには
ファイルを1つにまとめると……?
テキストファイルを圧縮して高速化した結果
【実践編】
プロのテキストファイル圧縮テクニック
Minifyしてみよう
mod_deflateでgzip配信しよう
設定してみよう
高速化後の状態をチェックしよう
第4章 Webページをさらに速くする方法
【入門編】
体感的に速くする技術とは
Webページのぱっと見を速く感じさせるには
ファーストビュー&アバブ・ザ・フォールド
JavaScriptの配信を最適化しよう
CSS配信を最適化しよう
CSSの読み込みを非同期にする
非同期読み込みで高速化した結果
【実践編】
読み込みをチューニングするプロの技術とは
サンプルファイルをバックアップ
JavaScriptの配信を最適化しよう
CSS配信を最適化しよう
高速化後の状態をチェックしよう
第5章 キャッシュの有効活用をしていますか?
【入門編】
ブラウザとキャッシュのしくみ
ブラウザキャッシュとは
キャッシュを有効活用するには?
ブラウザキャッシュを設定してみよう
高速化した結果
【実践編】
.htaccessでキャッシュを設定してみよう
ブラウザキャッシュを設定してみよう
期間の指定
ファイル形式の指定
設定内容を確認しよう
高速化後の状態をチェックしよう
携帯回線の転送速度をエミュレーションしてみよう
まとめ
第6章 コンテンツのダイエットをしていますか?・・・
あわせて読みたい本
前へ戻る
- 対象はありません
次に進む
この著者・アーティストの他の商品
前へ戻る
- 対象はありません
次に進む
小分け商品
前へ戻る
- 対象はありません
次に進む
この商品の他ラインナップ
前へ戻る
- 対象はありません
次に進む