2023/05/20サイト表示向上はSEO的に重要なことだし、ユーザー体験満足度向上に貢献してPV向上が期待できる重要な要素だ。WordPressはデザイン性の向上や高機能プラグインの導入でサイト表示速度が悪化するケースが多く存在する。本記事ではそんなサイト表示速度向上のため実施した本サイトの対応内容について説明する。Insightでスコア100を記録することに成功した。Insightリンクもちろんサイトテーマ自体自分で作成したためサイト限りなく無駄を省いているため元々ある程度早かったが今回紹介する方法でかなり改善することができたので参考にしてもらいたい。しては主に以下4点を対応した。不要ファイル読込みの削減(上級者)キャッシュ設定WordPressサイトの表示スピードを向上させるためにテンプレート変更すること意外で利用者ができることはこのくらいだ。プラグイン削減プラグインは便利であるのだがそれ故に重い。機能が盛り盛りのプラグインであればあるどサイトスピードに影響がある。どんな処理を実施しているのか分からないのでひょっとしたあら無駄処理が多くあるかもしれないが削減することができない。本サイトの場合は表示に関わるプラグインはほぼすべて廃止した。廃止したプラグインは主に以下。SEOはSEOとして面倒なことを自動でやってくれる優れものなので様々なサイトで必ず入れるべきプラグインとして紹介されている。本サイトではこのSEOについてはすべて自前でやると決めたため削除した。これを削除したことで自分でやらなければ行けないことは主に下記。Consoleとの連携メタタグの設定noindexの設定この辺は面倒ではあるがあ全て自分で対応可能だ。多少面倒ではあるが自分でやってしまえるので、自分でできる場合このプラグインを削減してしまっても問題ない。できないのであれば諦めて使用しよう。本サイトは現時点(2023/05/20時点)でまだサイトマップの作成ができていないので追々対応しようと思っている。その他のプラグインについてはサイトへの機能追加プラグインだ。どれくらいサイトへ影響を与えるのか分からなく気持ち悪いので削除して自前でDIYした。画像ファイルの圧縮サイト表示速度向上でかなり重要なのが画像ファイルの圧縮だ。基本的にサイトに掲載するファイルサイズは数十〜数百キロバイト程度で十分だ。スマホなどで撮影した写真は一度ファイルをJPEGなどで圧縮してから掲載しよう。このサイトでは最近の記事では画像サイズが100キロバイト程度になるように圧縮している。画像を圧縮すると見栄えが悪くなるのでは?と思うかもしれないが多少荒くてもあまり気にならないのでどんどん圧縮すべきだ。私が参考にしている他のブログサイトだと画像ファイルが以下のようなサイズでアップされているようだ。トバログ・・・〜200キロバイトガジェマガ・・・〜400キロバイト先人のサイトを見てみるとどれくらいの写真サイズか非常に勉強になる。アップしてしまった画像でも以下のプラグインで一括圧縮してくれるのでオススメだ。Optimizer有名なプラグインのようで日本語情報も充実しているので検索せいて使用してみて欲しい。不要ファイル読込みの削減(上級者)最後が不要ファイルの読込み削減だ。この辺はプログラムをいじったりする必要があるため、上級者向けの設定となる。Insightで確認することができる。この例では、不要なCSSの削減を提案されている。BootstrapというCSSフレームワークという重量級フレームワークが最も重かったのでまずはこちらを削減した。削減の手順については下記記事でも紹介しているので気になる人は確認し欲しい。CSSを最適化し、軽量化する方法:サイト速度を飛躍的に向上させる!JavaScriptというプログラムで不要なものがある場合は下記プラグインでユーザーが利用するまで読み込まないように設定してもらえる。Scriptsこのプラグインはファイルのパスを指定してあげることで読込み遅延することができるのでオススメしておこう。キャッシュ設定キャッシュ設定は借りているレンタルサーバー側の設定で設定している。設定しているのはサーバーキャッシュとブラウザキャッシュの2点だ。この設定するのをすっかり忘れていて、記事を書いている時に設定項目を見つけて設定した。今回サイト表示スコア100はキャッシュはあまり関係なかったということになる。そもそもキャッシュでは根本的なスピード解決にはならないし、キャッシュする初回は常に遅いわけだから新規が多いブログサイトにはあまり向いていない気もしなくもない。サイト表示速度向上まとめ本サイトでサイト表示速度向上のために実施した対応について紹介した。サイト表示速度は通常3秒以上だとユーザーが離脱してしまうと言われているので非常に重要だ。私自身も情報検索している際に表示が遅いサイトがあると内容に関わらずイライラして離脱していることを思い出した。ブログサイトで記事が大事ということは重々分かっているが、私はエンジニアとしてサイト機能の最適化もテーマとして同時に取り組みたいと思っている。結局サイト最適化はやるやつはやるし、やらないやつはやらないのだ。最後まで読んでいただき感謝。スマホとPC対応のナビゲーションメニューハンバーガーメニュー不要論:ユーザーエンゲージメント向上のためのウェブ...Bootstrapを使ってWordPressページネーションを自作する...SEOを強化するWordPressの目次の簡単自作法:プラグインは不要...WordPressでパンくずリストを自作!コピペでOKWordPressオリジナルテーマへのトップページへ戻るボタン追加(j...WordPressオリジナルテーマへのmetaディスクリプション追加(...NORIAKI昭和生まれ。大学は情報工学を専攻、都内IT関係企業に数年勤務→転職しメーカ社内SEになる。