月別 2019年4月

2019年4月に公開された記事の一覧です。

PageSpeed Insightsの点数の公式と、高得点をとれない理由
Lighthouse2019-04-23

PageSpeed Insightsの点数の公式と、高得点をとれない理由

PageSpeed Insights のスコアはブラックボックスではありません。点数を決める5つの指標と計算式を明かし、改善提案に従っても点数が上がらない理由を説明します。

WebPの利用事例: 新R25 (r25.jp)
WebP2019-04-18

WebPの利用事例: 新R25 (r25.jp)

新R25 が全面的に WebP を使っています。配信の仕組みを HTTPヘッダから推測しつつ、HTMLの最小化など他のパフォーマンス対策も読み取ります。

通販サイトのPageSpeed Insightsスコア80は偏差値70相当だった
Lighthouse2019-04-15

通販サイトのPageSpeed Insightsスコア80は偏差値70相当だった

国内の通販サイトを対象に、PageSpeed Insights のスコアを偏差値に換算した表を作りました。スコア80なら偏差値70相当。自社の立ち位置を測る目安になります。

通販サイト上位300のスマホトップは平均4.15MB、画質を落とさず41%削減できる
Web画像最適化2019-04-12

通販サイト上位300のスマホトップは平均4.15MB、画質を落とさず41%削減できる

通販上位300サイトのスマホトップページを調べたところ、画像だけで平均4.15MBありました。画質を落とさず41%削減できるという試算と、個別レポートを公開します。

Safari 12.1でも残念ながらWebPサポートなし。ついでに見出しを斜め読み
WebP2019-04-07

Safari 12.1でも残念ながらWebPサポートなし。ついでに見出しを斜め読み

Safari 12.1 でも WebP はサポートされませんでした。あわせて、このバージョンで追加されたダークモード対応や Web支払いAPI などの新機能を眺めています。

新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき?
WebP2019-04-02

新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき?

WebP 対応・非対応のブラウザに画像を振り分ける仕組みを図解します。picture 要素とWebサーバー設定のどちらを使うべきか、理由がなければサーバー側を勧めます。