サイト運営WordPressでサイトを構築すると、どうしてもプラグインが必要です。場合によっては、プラグインだらけとなり、サイト表示が重くなってしまいます。弊サイトでサイト高速化のために一部のプラグインを削除しました。その過程と効果をまとめます。高速で動く列車のイメージ(ウィーン中央駅で撮影)重要このときの取り組みの後に以下の施策を追加しています。本記事の概要は以下の通りです。プラグインを19から13に減らした(本記事執筆後に11に削減)減らすプラグインは「重い」ものに照準を絞り、少ない工数で最大限の効果を得るようにしたロード時間は減少し、とりわけ今回の取り組み内容のプラグインが大きく寄与した詳細は以下に記します。復習:WordPressとプラグインWordPressはサイトを構築するための道具です。その道具には最小限の機能しかなく(その最小限も意外と高機能なことは別の話です)、機能を補う必要があります。機能に付加価値をつけるのがプラグインです。あなたのパソコンや電話機でもそうですが、機能を付加するためにソフトやアプリケーションを導入すると、動きが重くなります。プラグインを導入すると一般に動きが重くなります。そのため、プラグインを導入せずに機能を付与することが重要なのです。古い車両は重い(しなの鉄道線の車内から撮影)軽量化前は以下のプラグインを活用していました。PatchWP-Optimize実に19ものプラグインです。弊サイトは爆速で表示するように心がけています(フォントの指定なしなど)が、それでも19のプラグインがあるとサイト表示速度は遅くなってしまいます。これは良くありません。それぞれのプラグインの用途を改めてまとめます。作業→効果確認の順で記します。現状把握では、これらのプラグインのどれが重いのでしょうか。WP3というプラグインがあり、表示速度にどのプラグインがどの程度関係しているか測定できます(測定のときだけWP3を入れれば、日常の表示速度に影響はありません)。Plusを削除した後にサイト速度を測定してみたら、以下の結果でした。Ultimate:9%Autoptimize:7%TablePress:5%ロード時間が0.540秒であり、そのうちプラグインに占める割合が64.5%ということです。プラグインの削除により、ロード時間が短縮されることは容易にわかります。前の章で示した19のプラグインのどれを削除したら良いのでしょうか。このような改善活動の原則は簡単にできそうで、効果が大きいものからやるというものがあります。Ultimateを削除すれば良さそうです。弊サイトではテーマにSimplicity2を導入しており、このテーマではSEOに関する多くの設定をすることができます。Sitemapsで送信できます。AnalyticsトラッキングIDもプラグインなしで登録できます。SEOを削除しても機能的に問題ないことがわかり、ちゅうちょなく当該のプラグインを削除しました。SEOは不要だったのです。このプラグインを活用すると、読者さまと私の間でのやり取りができます。お問い合わせページに関する内容ですが、個人情報を扱う関係上、自作のメールフォーラムは不安があります。そのため、今回は「簡単にできそう」な項目ではないと判断し、プラグイン削除対象にはしないことにしました。bbPress弊サイトでは2020年4月のサイトリニューアル以降、掲示板を設置していました。これは、掲示板に書き込む常連さんがいれば、書き込んだり、閲覧するために弊サイトを訪問してくれ、黙っていてもPV数が増えることを狙ったものでした。現実は甘くなく、2年間で1件の書き込みがあっただけでした。このような状況では、掲示板があっても意味がないと判断し、2022年4月のサイトリニューアルに合わせて掲示板を撤去いたしました。それに合わせ、bbPressも削除しました。いえ、読者さんどうしの交流の場については、今後も弊サイトの課題と考えております。Ultimateを活用すると、デザインの幅が広がります。画像を横並びに配置したり、左に画像・右に文章というレイアウトを実現したり、枠で囲うなどです。これらは私がCSSを多少習得するなかで、自分でレイアウトを組むことができました。Gridを活用することで可能ですし、枠で囲うことも同様です。CSSを駆使し、必要な箇所にclassを入れました。Ultimateを削除しました。一時的にしか使わないプラグインの削除プラグインのなかには、日常的には動作せずに、ある設定をするためだけのものがあります。弊サイトで採用していたプラグインでは、以下の2つが該当します。WidgetsWP-Optimize1については、ヴィジェットを設定する場面だけ必要で、ヴィジェットの設定は普段からやりません(月に1回も使いません)。このため、必要な場面で1を導入すれば良いだけです。2については、サイトの下書きなどの必要ないデータを削除する場面で必要です。これも日常的に使いません。そのため、削除できます。WidgetsとWP-Optimizeも削除しました。線路を増設したように速度が上がったか?(小田急の複々線開業ダイヤ初日に撮影)では、プラグインを削減した後の効果はどうでしょうか。19のプラグインから13のプラグインに削減した後のデータを示します。今回もWP3を一時的に導入し、同様に測定しています。Patch:5%ロード時間は0.378秒となり、プラグイン削減前の0.540秒から0.162秒(30%)短縮しています。プラグイン削減前のプラグイン以外のロード時間は0.124秒で、削減後は0.094秒とわずかに短縮されています。これらを表にまとめます(表1)。Form7が新たな課題として浮き上がりました。posts)なども今後の課題となりましょう。サイト高速化に挑戦してみて今回、2年ぶりにサイト高速化に挑戦してみました。前回の挑戦以降、レンタルサーバー(ロリポップ)の爆速宣言により、私が何もしなくともサイトは高速化されています。そのような外部要因はあるものの、ある程度のところでレベルアップをせねばならないと思い、2年ぶりに高速化に挑戦した次第です。サイト表示速度が遅いと、サイトへの印象が悪くなってしまいます(場合によってはブラウザバックされてしまいます)。そのため、サイト高速化は必須と理解しています。今後も定期的にプラグインの見直しなどでサイト表示速度に気を配りたいと改めて決意したところです。クリック率の割合の関係サイト作成や集客において、検索順位を上げることは重要とされています。検索順位ごとのクリック率はどの程度なのでしょうか。弊サイトの分析結果をまとめました。記事を読むサイドバーにきれいにタグを表示する方法(simplicity2)ワードプレス(wordpress)でブログを運営していて思うのが、タグを適切に表示させて閲覧されるかたの利便性を向上させたい、というものです。その方法を簡単にまとめているサイトがあまりありませんでしたので、その方法をまとめました。ここでは、タグを表示させる方法も含めて紹介します。SEOの対策も示しています。記事を読む404ページ作成における工夫(きめ細かな親切な案内)ブログ(サイト)を作成していると、404ページを作成することがあります。弊ブログでの工夫を示すとともに、この工夫が他のサイトさんにも広がってほしいと思います。Grid利用)サイトを作っていて画像を横並びにしたいことはありましょう。単純な横並びであれば単純な手法で解決しますが、ちょっと高度なことをやろうとすると、別の手法を採用する必要があります。そんな方法をまとめました。記事を読むHTMLサイトマップをプラグインなしで表示する方法(子カテゴリも階層で表示)WordPressで構築するサイトで意外と重要なのが、読者に見せる記事一覧(htmlサイトマップ)。高度なものを構築するのは大変です。プラグインなしでかつ子カテゴリごとに表示させる方法を示します。コメントをキャンセル名前の入力は必須(ハンドルネーム等可能)ですが、メールアドレスの入力は任意です。メールアドレスを公開することはありません。名前メールサイト上に表示された文字を入力してください。Δサイト内検索はこちらtwitterやっていますtwitterもやっています。サイトに書くまでもない内容など、サイトとは一味ちがう内容をお楽しみいただけます。最近のコメントピーナッツバター2023/5/14常磐線から新宿への路:山手貨物線と常磐線の直結を考える山手貨物線との分岐部で立体交差は必要ないのではないか?品鶴線では上りだけで最大毎時20本近い電車を捌いているが、蛇窪の分岐部は平面交差である。あれば蛇窪より本数が少ないと見込まれる田端付近の分岐部も...tc11512342023/5/8山手線(ダイヤパターン紹介)ラベルの塔さま、コメントありがとうございます。確かに乗り降りの速度は下がっている点は否定できません。ラッシュ時の混雑が緩和し、良くも悪くも以前よりも緊張感なく乗り降りできるようになりまし...tc11512342023/5/8上野東京ラインについて考える~東京駅改良と改良ダイヤの基本とくめいさま、コメントありがとうございます。新幹線の配線の方が深刻だよ。tc11512342023/3/23東急直通開始時の相鉄のダイヤを解析きくなちゃんさま、コメントありがとうございます。仕様が異なるのですか...。