HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 [単行本]
    • HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 [単行本]

    • ¥2,78684ポイント(3%還元)
    • 在庫あり本日12:00までヨドバシエクストリームサービス便(無料)がお届け
HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 [単行本]
画像にマウスを合わせると上部に表示
数量:
店舗受け取りが可能です
NEWマルチメディアAkibaマルチメディア梅田マルチメディア博多にて24時間営業時間外でもお受け取りいただけるようになりました
100000009003132227

HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 [単行本]

価格:¥2,786(税込)
ポイント:84ポイント(3%還元)(¥84相当)
フォーマット:
専用電子書籍リーダアプリ「Doly」が必要です。無料ダウンロード
お届け日:在庫あり今すぐのご注文で、本日12:00までヨドバシエクストリームサービス便(無料)がお届けします。届け先変更]詳しくはこちら
出版社:技術評論社
販売開始日:2019/05/02
ご確認事項:返品不可

カテゴリランキング

  • 書籍
  • - 45662位

HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 の 商品概要

  • 要旨(「BOOK」データベースより)

    Web担当者やHTMLコーダーのみなさんを対象に、Webページの読み込みを高速化するための技術をやさしく解説します。Webページの美しさや便利さを損なわずに、画像サイズをどう最適化するか、CSSやJavaScriptなどのファイルをどう管理するか―こうした問題は、一見簡単なようでさまざまなテクニックが必要です。本書はその問題を探求し、有効なテクニックにまとめました。読み込みが速いWebページは、一刻も早く情報を知りたいユーザだけでなく、サイト運営者にもSEOなどでさまざまなメリットがあります。本書によってクリエイティブで豊かなサイト運営をさらに推進してください。
  • 目次

    ■第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章 コンテンツのダイエットをしていますか?

    【入門編】

    そもそも、そのコンテンツは必要ですか?

    ファーストビュー内に動画や動く要素がありませんか?

    古い新着情報・古いバナーを使っていませんか?

    なんとなくSNSを埋め込んでいませんか?

    SNSへのリンクを埋め込むべきケースとは

    未使用の解析タグ

    多量のコメントアウト

    不要なコンテンツを消して高速化した結果

    自分のWebサイトで実践しよう



    ■第7章 ストーリーで読む、既存サイトの高速化



    ■第8章 Web担当者・HTMLコーダーのためのGit超入門

    【入門編】

    Gitを使いこなす手がかり

    Gitがあれば憂いなし

    機能を絞って考えればけっこう簡単

    Gitを使うとどうなるの?

    どんなときに便利なの?

    Gitにも種類がある――Bitbucket

    Gitクライアント――Sourcetree

    【実践編】

    BitbucketとSourcetreeでわかるGitのメリット

    転ばぬ先のGit、Webページの安心・安全をつくりましょう

    Sourcetreeをダウンロードする

    まず、リポジトリを作ろう

    リポジトリを開こう

    リポジトリにファイルを追加しよう

    ファイルを変更してみよう

    付録  PageSpeed Insights「改善できる項目」対応表





    索引
  • 内容紹介

    「あなたの会社のWebサイト、遅くないですか?」

    ふとした興味でWebにアクセスすると、重たくて読みたい情報が読めない……。Googleの調査では、Webページの読み込みに3秒かかると53%の人が、別のページに行ってしまいます。Webページを速くする、これはビジネスで成功するために必須の条件と言えます。本書は、Webページの高速化を図るための実践ノウハウを、Webデザイン、HTMLコーディングなどの見地から多面的にまとめました。Googleの提供するツールであるPageSpeed Insight、Chrome DevToolsを徹底活用し、客観的でかつ実際に効果が出る実践テクニックを紹介します。Web担当者、HTMLコーダー、Webデザイナーの皆さんの仕事を活性化します!
  • 著者紹介(「BOOK著者紹介情報」より)(本データはこの書籍が刊行された当時に掲載されていたものです)

    佐藤 あゆみ(サトウ アユミ)
    PentaPROgram(ペンタプログラム)ウェブクリエーター。1985年、ニューヨーク生まれ。まもなく東京に移住し、1994年から2年間のオーストラリアでの生活を経て、ふたたび東京へ。1997年頃より、趣味としてWeb制作を開始。コーディングに英語力を活かしながら、以降も独学で学ぶ。ヤマハ音楽院中退後、音楽活動での成功を夢見ながら、PCパーツショップやバイク輸出入会社、楽器店などさまざまな業種でのアルバイトを重ねる。日々の業務の中で、ECサイトの運営管理や自社サーバの管理、プログラミングなども学ぶ。音楽活動を展開する中で、集客やフライヤー制作、プロモーションビデオ制作を自ら行い、コーディング外の技術を身につけるきっかけとなるも、2011年頃に区切りをつけ、Web制作で生計を立てることを決意する。その後は画廊やWeb制作会社など、中小企業を中心に社員として勤め、2014年12月より、屋号「PentaPROgram(ペンタプログラム)」にてフリーランスとして独立。専業ではない多様な業界の実情を見ながら、中小企業で「ウェブ担/パソコン担当さん」として業務を続けてきた経験を活かし、その後の運用を見据えたECサイトやコーポレートサイトの構築、技術サポートを行う
  • 著者について

    佐藤あゆみ (サトウアユミ)
    1997年頃より、趣味としてWeb制作を開始。コーディングに英語力を活かしながら、以降も独学で学ぶ。音楽専門学校中退後、音楽活動での成功を夢見ながら、PCパーツショップやバイク輸出入会社、楽器店など様々な業種でのアルバイトを重ねる。日々の業務の中で、ECサイトの運営管理や自社サーバの管理、プログラミングなども学ぶ。音楽活動を展開する中で、集客やフライヤー制作、プロモーションビデオ制作を自ら行い、コーディング外の技術を身につけるきっかけとなるも、2011年頃に区切りをつけ、ウェブ制作で生計を立てることを決意する。その後は画廊やウェブ制作会社など、中小企業を中心に社員として勤め、2014年12月より、屋号「PentaPROgram(ペンタプログラム)」にてフリーランスとして独立。ウェブ専業ではない多様な業界の実情を見ながら、中小企業で「ウェブ担/パソコン担当さん」として業務を続けてきた経験を活かし、その後の運用を見据えたECサイトやコーポレートサイトの構築、技術サポートを行う。2018年、初心者のためのウェブサイト高速化をテーマとしてismおよびCSSNiteにて講演。"

HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 の商品スペック

商品仕様
出版社名:技術評論社
著者名:佐藤 あゆみ(著)
発行年月日:2019/05/15
ISBN-10:4297105802
ISBN-13:9784297105808
判型:B5
対象:専門
発行形態:単行本
内容:電子通信
言語:日本語
ページ数:193ページ
縦:23cm
横:19cm

    技術評論社 HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門 [単行本] に関するレビューとQ&A

    商品に関するご意見やご感想、購入者への質問をお待ちしています!