文字による文字のための文字のサイト

type.center

おまたせしました!読み込み時間の「高速化」

タイプ・センター管理組合からのお知らせ

おまたせしました!読み込み時間の「高速化」

こんにちは、タイプ・センター管理組合の萩原です。実は先日 type.center の Web フォントの読み込みの仕組みをアップデートしました。

お気づきの方もいたと思いますが、以前までの type.center ではトップページの読み込み完了までに 15 秒以上の時間がかかる場合がありました…。お気づきの方、ストレスに感じていた方、おまたせしてすいません。

なぜ時間がかかっていたかといえば、大量の Web フォントを使用していたためです。 type.center では「いろいろな Web フォントをためそう!」という意気込みから、国内外のさまざまなベンダーを利用し、あらゆる Web フォントを世界中から読み込んでいました。その数なんと、120 種類以上、これだけ読み込むと流石に重たいですね。(もちろんエッジサーバはアジア圏にあると思いますが。)

通常、日本語 Web フォントではそのままだと文字数が多く、ファイルサイズが重くなるため、「ダイナミック・サブセッティング」という技で、ページ内で使用する文字だけをあつめたフォントデータをサーバ側で生成し、ロードするような仕組みになっています。このフォント生成のレスポンスがベンダーごとにばらつきがあるため、全体の読み込みに大きな影響を与えていました。そして、非同期に読み込まれるさまざまなフォントのレンダリングには front-end のパワーをたくさん使っていました。 これはベンダーではなくわれわれの仕様と意気込みが主な原因です。

今回のアップデートでは、快適にご覧頂くためにトップページや通常の記事での使用書体数を絞り、記事によっては書体を使い分ける必要のあることのできるよう、 2 段構えの体制をとるようになっています。それにより、最大で 10 秒以上 (!) 読み込み時間を短縮、すなわち 70 %以上の高速化 (当社比) が実現できました。

今後はさらに使いやすい type.center を目指してまいります。今後ともよろしくお願いします。

2016年6月8日

シェア

タイプ・センター管理組合からのお知らせ

タイプ・センター管理組合

花村太郎と萩原俊矢の2人で2014年に結成。主な活動は type.center のウェブサイト管理。

連載記事一覧
今日
昨日
おととい
ちかごろ
あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わゐゑを ん がぎぐげご ざじずぜぞ だぢづでど ばびぶべぼ ぱぴぷぺぽ 0123456789.
連載記事一覧
連載記事一覧
タイプ・センター管理組合からのお知らせ
管理組合の虫取り日記「文字の縦位置がズレる」
管理組合の虫取り日記「文字の縦位置がズレる」
Windowsでタイプ・センターを見てくれている人たちは気になっているかもしれません。サイトの色々なところで使われている⬆️文字の入った正方形。この文字の縦位置がズレてしまうのです…!その謎やいかに………?!