サイトを軽くした!!
サイトを軽くした!!

サイトを軽くした!!

 こんばんは!!!!!

 

 せっかくこのサイトを日記としても使うと宣言したので、しばらくネタがある限りは更新してこうと思ってます!!

 というわけで今回のネタはこれ!!サイトを軽くすることに成功したってことです!!

 

 以前からこのサイトに来てくれてた方なら分かるかもなんですが、前々からこのサイトむちゃくちゃ重くて、俺も色々試行錯誤してたものの全然改善出来てなかったんですよね。

 俺が最初にサイトの表示速度を速くしたいと考えた時の、〝PageSpeed Insights〟でのスコアがスマホ表示が20点台で、PC版が50点台だったと思います。

 その後色々やってスマホ版が60点、PC版は90点台まで改善させていたんですが、その後どんなに頑張ってもこれ以上は高速化できませんでした。

 

 そして今回さらに色々やってみたところ、ついに両方とも90点オーバー!!PC版に至っては100点に到達!!

 むっちゃ嬉しかったので、今回俺がやったことを備忘録として書いておこうと思います。

 

 

①軽いテンプレートを使う

 これはもう絶対ですね!

 どんなに多機能で見栄えの良いテンプレートでも、ショッピングサイトとか作るならまだしも俺のここみたいに文章だけとか、簡単なブログとかがしたいって時には使わない機能だらけで超重い!!

 なのでちゃんと自分のサイトの目的に応じて、身の丈に合ったテンプレートを使うのが大事!

 今回はマジで思い知りました!

 

②高速化プラグインを使う

 二番目はこれ!

 いやこれも当たり前のことなんですけど、俺は高速化プラグインの定番って言われてる〝Async JavaScript〟と〝Autoptimize〟を導入しただけじゃ完全には高速化出来なかったんです。

 上で書いたスマホ表示60点、PC表示90点の状態がこの二つのプラグインを入れた時のスコアです。

 なのでこれだけじゃより高速化できないと考えた俺が追加で入れたのがこれ→〝Asset CleanUp: Page Speed Booster

 こいつは効いた!

 マジで効いた!

 このプラグインが何をするかっていうと、そのページに含まれている不要なコードを読み込まないようにしてくれる!!

 これでスマホ版の表示の際には不必要で無駄だったコードを読み込まないように設定しました。

 そしたら速くなった!やったぜ!

 

 というわけで、今回は俺のブログの高速化について自分用も含めて書いておきました。

 多分あんまりいないと思いますが、もし小説書いてて自分用のサイト作りたいという方がいましたら参考にしてみてください!

 

 それでは!!

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

error: Content is protected !!