PageSpeedInsightsの最適化リソースを適用して一部動かなくなった件

2018年8月28日

最近、出来立てのこのサイトをカスタマイズするのにはまっていて常時SSLやapacheをいじってサイト高速化などやってました。

その一環でgoogleのPageSpeedInsightsというツールを使ってサイトリソースの最適化をしていました。

が、ここで問題が発生。

googleの圧縮されたリソースをそのまま使ったところスマホのハンバーガーメニューが動かなくなってしまったのです。

原因はすぐ見つかった

サイトがうまく動かない!ということで僕が一番最初にやったのはブラウザで検証です。

chromeであれば自分のサイトを見ながら右クリックで「検証」を押すと出てきます。

コードミスやうまくいってない部分はconsoleで出るのでそれが理解できれば一発です。

今回はwordpressのfunction.jsが圧縮されたときの手違いで一部表記ミスがありハンバーガーメニューが動かなくなっていました。

バックアップから元のキレイなfunction.jsを持ってきてサーバーのファイルを入れ替え。

元通りになりました。

やったぁ!