はてブ数はテキストではない どこからどうみても文字でしょ!なこのパーツ。 実は小さなgif画像でできています。 たとえばはてブ数が1の場合、 画像・・・ URL・・・http://cdn.b.st-hatena.com/images/users/gif/normal/00001.gif という感じで、はてブ数に応じたgif画像が1つ1つ準備されています。 なぜテキストを使わないのか?その理由 テキストと画像を比べると一般的にはテキストのほうが軽いと思いますよね。 でも、ここはもう一歩深く踏み込んでみましょう。 画像とテキスト、各々の場合について軽さ(表示の早さ)を比較する思考実験をしてみたいと思います。 比較項目 比較項目は、ダウンロードの開始からデータが表示されるまでの流れに沿って以下の通り。 データをダウンロードするまで 1.ダウンロードが必要なデータサイズ 2.キャッシュの利用可否
![実はテキストではない…はてブ数を示す「XX users」の正体](https://cdn-ak-scissors.b.st-hatena.com/image/square/f7dffe2ec0e5a9ae95b7729adc0d0fc33d5857ba/height=288;version=1;width=512/https%3A%2F%2Fbloglab.naenote.net%2Fwp-content%2Fuploads%2F2017%2F02%2F20161013191954.jpg)