これから身につけるWebサイト高速化テクニック HTTPリクエスト数削減テクニック1: インラインイメージ編 これから身につけるWebサイト高速化テクニック(5) 開発/設計/テスト 印刷用を表示 ツイート 野中 龍一(クラスメソッド株式会社)[著] 2013/08/12 14:00 目次 Page1 はじめに 対象者 インラインイメージとは 1. URI schemeって? 2. インラインイメージの良いところ 3. インラインイメージの悪いところ data URI schemeとは 1. data URI schemeの書式 2. 指定できる主なコンテンツタイプ 3. Base64とは Page2 4. PNG画像をBase64エンコードしてみる 5. data URI schemeに対応しているブラウザ インラインイメージの使い方 1. HTMLに埋め込んだ場合のサンプルコード 2. CSSに埋め込んだ場合のサンプルコード パフォーマンスの計測 1. 6つのタイプとファイルサイズ 2. DOMContentLoaded Event Page3 3. Load Event Base64エンコードの手間を省くには 1.Base64エンコードツール まとめ ※この続きは、会員の方のみお読みいただけます(登録無料)。 会員登録(無料) ログインはこちら <<前へ 1 2 3 連載通知を行うには会員登録(無料)が必要です。 既に会員の方はログインを行ってください。 バックナンバー 印刷用を表示 ツイート バックナンバー 連載:これから身につけるWebサイト高速化テクニック HTTPリクエスト数削減テクニック2: CSS Sprite編 HTTPリクエスト数削減テクニック1: インラインイメージ編 最適な画像書き出しの基本 Webサイト高速化に必要な画像形式の基礎知識 Webサイト高速化に必要なHTTPの仕組みを理解する Webサイト高速化対策の現状 著者プロフィール 野中 龍一(クラスメソッド株式会社)(ノナカ リュウイチ(クラスメソッドカブシキガイシャ)) クラスメソッドで企画、制作、運用までやるWebマスター。Webデザイン、Webサイト高速化、広義のHTML5、JavaScript、jQuery、CSS3、PHP、AWSを広く浅くやってます。クラスメソッド開発ブログを作ってる中の人。 http://dev.classmethod.jp/autho... ※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です Article copyright © 2013 Nonaka Ryuichi, Shoeisha Co., Ltd. あなたにオススメ × ログイン Eメール パスワード ※旧SEメンバーシップ会員の方は、同じ登録情報(Eメール&パスワード)でログインいただけます。 × ブックマークを利用するにはログインが必要です 会員登録(無料) ログインはこちら All contents copyright © 2005-2022 Shoeisha Co., Ltd. All rights reserved. ver.1.5