【WordPressテーマ作成2020】速度改善のため、サイトデザインを作成・変更しました

ご報告が遅くなりましたが、11月11日にテーマを変更しました。

主な変更点

WordPressテーマを新規に作成・切り替えを行いました

前回は思い切り遊んで、自分の趣味に任せて作成したものでした。

【WordPressテーマ変更】サイトデザインを変更しました

ウェブフォントやプラグイン等、好き勝手やった結果サイトが恐ろしく重い（表示速度が遅い）という事態になっていることに気付き、こんな感じに。

出来合いじゃない心がこもった1からのお手製だからね（言い訳 pic.twitter.com/TEvSl5XJeB

— Sato Fujiiro(藤色里) (@sato_fujiiro) September 25, 2020

自分のサイトなんだし好き勝手やってもーとも思うんですが、スポンサー的な立ち位置のアドセンスを表示している手前、改善しないと今後に差し支えが出ても困るので、今回ガッツリ時間を使って新しく作成から始めることにしました。

行った速度改善対策

• 【管理】使っていないプラグインの停止・削除
• 【管理】画像の遅延読み込み、キャッシュ作成のプラグインを追加
• 【管理】使っていないテーマの削除
• 【記事】アクセスの多い記事のサムネイルを縮小し軽量化
• 【作成】ウェブフォントやBootstrapなど、必要のない外部リンクを使わないテーマ作成
• 【作成】最低限のもの以外は、DOM表示後に読み込むように調整
• 【その他】Adsenseの自動挿入を無くし、任意の場所のみ表示

未だ自分でもよくわからない部分もあったりしますが、今回このような対策を行いました。

ひとまずサイト速度ここまで改善できた https://t.co/wampK5EfbM pic.twitter.com/ZWmZHYfdPZ

— Sato Fujiiro(藤色里) (@sato_fujiiro) November 11, 2020

サーバーのグレードを上げたりもしたのですが、まだまだ改善の余地がありそうですね。

今後について

作成を始めた当初の計画では、

• デザイン→コーディング→実装１→CSSアニメーションで装飾→実装２

という流れでやっていこうと思い、ひとまず「実装１」まで漕ぎ着けた段階です。

これから最低限の表示とは別にCSSを組んでいこうと考えていますが、ほとんど記事作成をしなかったので何件か記事をストックしつつ進めていきます。

１つ１つの作業を時間をかけて丁寧にやろう。ということで。

最終更新：2020.12.02