特集ページ一覧

これから身につけるWebサイト高速化テクニック

HTTPリクエスト数削減テクニック1：インラインイメージ編

これから身につけるWebサイト高速化テクニック（5）

開発／設計／テスト

WEB用を表示

ツイート

野中龍一（クラスメソッド株式会社）[著]

2013/08/12 14:00

　本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて、Webサイト高速化に関する手法や技術について解説していきます。今回は、インラインイメージの基礎について紹介します。

目次
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エンコードツールまとめ

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

ツイート

バックナンバー

連載:これから身につけるWebサイト高速化テクニック

著者プロフィール

野中龍一（クラスメソッド株式会社）（ノナカリュウイチ（クラスメソッドカブシキガイシャ））

クラスメソッドで企画、制作、運用までやるWebマスター。Webデザイン、Webサイト高速化、広義のHTML5、JavaScript、jQuery、CSS3、PHP、AWSを広く浅くやってます。クラスメソッド開発ブログを作ってる中の人。 http://dev.classmethod.jp/autho...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
Article copyright © 2013 Nonaka Ryuichi, Shoeisha Co., Ltd.

あなたにオススメ

All contents copyright © 2005-2022 Shoeisha Co., Ltd. All rights reserved. ver.1.5