sato-fujiiro.com

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

軽量化を目指したWordpressテーマ作成。

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

主な変更点

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

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

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

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

Adobe XD 初めて使ったけどめっちゃ便利だったよというスクショ
Adobe XD 初めて使ったけどめっちゃ便利だったよというスクショ

行った速度改善対策

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

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

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

今後について

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

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

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

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

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

スポンサーリンク

最終更新:2020.11.12

この記事をシェアする