フォントの読み込み完了を検知する
TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。 Adobe Blankのサイズ削減 Adobe Blankはそのまま使うと30KB以上ある。読み込み完了検知だけなら幅0のグリフが1つあればそれで良いので、まずはサブセット化してサイズを抑えることから。aだけのWOFFなAdobe Blankを作ればちょうど1KBくらいになる。 Download: adobe-blank.woff @font-face定義の追加 外部リクエストにすると意味が薄れるのでDa
Webコンテンツ、JavaScriptと画像が増加の一方で、Flashは減少傾向に
HTTP Archiveに2011年と2012年のWebサイトにおけるコンテンツの傾向比較が「2011 recap」として発表された。HTTP ArchiveはWebサイトを分析し、どの種類のコンテンツがどの程度転送されているかをまとめているサイト。2011年と2012年のサイト比較ではFlashを除くほかのすべての主要コンテンツのデータ転送量が増加しており、全体としてコンテンツ量が増加傾向にあることがわかる。 「2011 recap」では特に次の2つのデータ変化を指摘している。 Webサイトデータのうち過半数を画像データが占めており、しかも増加傾向にある。増加割合ではコンテンツ種類別で2番目に多い。 JavaScriptの増加率が44%と飛び抜けて高い。画像の増加率の2倍以上の増加率となっている。 コンテンツタイプ(Webサイト平均) 2011年1月 2012年1月 増減の割合
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
