クライアントのWEBサイトをとにかく高速化

まずは現状を確認

ここから、エラーに合わせて対策していきます。

レンダリングを妨げるリソースの除外

このクライアントはwordpressを使用したので、
下記コードをfunction.phpに挿入

これだけで20点くらい上がった!!

さらにCSSも調整。
こちらもプラグイン使わせてもらいます。。

プラグインの設定画面から
「CSS コードを最適化」にチェック。

カスタム速度の記録と計測

javascript内に

を追記

ウェブフォント読み込み中のテキスト表示

WEBフォントを設定するcssに

を追記

まだまだですが、最初よりだいぶ改善しました。

この記事を書いた人

mako110

原宿でWEBディレクターをやっています。
WEB業界に携わって約15年。独立して7年目です。
自分らしく、働きやすく、周りの人の役に立つ。
そんな仕事をゆるゆるとやっています。