身につけておきたいWebサイト高速化テクニック #5｜リクエスト数削減テクニック01：インラインイメージ編 | DevelopersIO
5，インラインイメージのメリット・デメリットと注意点 5.1，メリット インラインイメージを使うことで画像自体のHTTPリクエストが発生しません。 例えばファイルサイズの小さな10個の画像を読み込んでいるとします。それらすべてをインラインイメージ化することで10回のHTTPリクエストを削減できます。 データサイズが37％増加するというデメリットはありますが変換前のデータが数MBでもない限りHTTPリクエストが減らせることの方が有益です。 5.2，デメリット IEの古いバージョンでは使えない Base64エンコードによりデータサイズが約37％増加する HTMLやCSSに直接埋め込むため画像を変える度に差し替えが必要（ツールで改善可能） data URI schemeで埋め込まれたデータはキャッシュされない 同じデータを複数箇所に表示したい場合、それぞれの場所に埋め込む必要があるためインライン
グーグル、画像フォーマット「WebP」を発表--ウェブの高速化を図る
UPDATE Googleの「WebM」テクノロジには、ウェブベースビデオを変革するという以上の計画があったようだ。同社は、「WebP」と呼ばれる新しいフォーマットによって、ウェブ上の静止画像も変革したいと考えている。 Googleは米国時間9月30日、新しいグラフィックスフォーマットWebPと、これを使用することにより、現在主流のJPEGファイル形式と比べて、画像ファイルのサイズを約40％縮小できるという同社の研究結果とともに発表した。これにより、ファイル転送はより高速になり、GoogleがWebPの普及に成功すればネットワーク負荷が低下することになる。 WebPは、JPEGと同様に、ユーザーが画質と引き換えにファイルサイズを圧縮することができる。また、こちらもJPEGと同様に、「lossy」なフォーマットであり、元の画像を完璧に再現することはしないが、人間の目で見た場合に、できる限り元
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
