あなたのブログの 1 年間の悩み (そして何をすべきか)

ブログを本格的に始めると、考えなければならないことがたくさんあります。 Web サイトを運営するには、コンテンツ、マーケティング、デザインなど、さまざまなレベルで注意を払う必要があります。

このことを念頭に置くと、ブログ運営の基本のいくつかを見失っても不思議ではありません。私はこれを「一年間のかゆみ」と呼んでいます。サイトの日々の運営に熱中しすぎて、最も重要なことのいくつかを忘れてしまう瞬間です。

それはまさに私が最近自分自身を見つけた立場でした。しかし幸いなことに、私は木々を見るために森から一歩下がって、正しい軌道に戻りました。この記事では、あなたが見失っている可能性のあるものを説明し、物事を正しくする方法を示したいと思います。

スピードの必要性を感じます

私はスピードに対して健全な執着を持っています。より具体的に言うと、ページの読み込み速度です（確かにトップガンほど魅力的ではありませんが、その事実としてはそれほど重要ではありません）。

私は、読み込み速度がユーザーエクスペリエンス、そして最終的には収益に与える影響を理解しています。実際、WPExplorer でサイトの速度を上げる方法については、これまでに何度も書いてきました。

それなのに、私は自分のブログにおけるページの読み込み速度の重要性を見失っていました。私はブログの日々の運営に忙殺されていたため、最も基本的なレベル (ページの読み込み速度など) で質の高いユーザーエクスペリエンスを提供することを見失っていました。ブログを始めてから約 2 年が経ち、微調整に夢中になった結果、ブログが行き詰まり、それが顕著になってきました。

基本を正しく理解する

自分の間違いに気づいた後、私は簡単なことがまだ正しくできているかどうかを確認しました。ここで、サイトの速度に関する WPExplorer の元の記事に戻ります。そこでは、次の内容について説明しました。

サイト速度の測定
キャッシング
画像の最適化
遅延読み込み

これらは、サイトの速度向上に関して、私が「簡単に実現できる成果」と呼びたいものです。素早く簡単に実装できます。しかし、サイトの読み込み速度に関しては、もっと根本的な問題があることはわかっていました。もう少し深く掘り下げる時期が来ました。

サイトを微調整することに罪がある場合は、Web ページ内に冗長な要素や価値のない要素があり、サイトの速度が大幅に低下する可能性があります。これが私にとってのケースであることがわかりました。読み進めて、不足しているものを見つけてください。

終わりのない微調整の副作用

私の最初のステップは、Pingdom に進み、ホームページの読み込み時間をテストすることでした。統計によると、読み込み時間は約 5 秒で、他の Web サイトの約 80% よりも遅かったです。

ただし、調整が完了すると、結果ははるかに良くなりました。

サイトの速度を改善するために私が行ったプロセスは非常に簡単でした。 Pingdom を通じて自分のサイトを運営している場合、上に表示されたものと同様のレポートが得られますが、私たちが本当に興味を持っているのは以下の内容です。

これは、サイトをロードするために行われたすべてのリクエストのリストの一部です。つまり、Web ページ全体を作成するためにロードされたさまざまなファイルの数です。デフォルトでは、これらはロードされた順序 (通常、ページのソースコード内で呼び出される順序) で並べ替えられます。これは論理的な順序ですが、私たちにとって最も便利な順序ではありません。

リストの上部にあるドロップダウンボックスをクリックし、「ファイルサイズで並べ替え」を選択する必要があります。これで、サイトの命を吸い取っているファイルのリストが、ひどい順に表示されました (もっと適切な言葉が見つかりませんでした)。

リストを並べ替えると、一部のリクエストが完全に冗長であることがわかる場合があります。また、サイトにかかる負荷に値しないリクエストが行われている場合もあります。サイトをより洗練された形式にまで削ぎ落とすことに関しては、今では本当に限界があります。

この新しい情報を利用して、価値よりも問題の多いファイルの削除と最適化を始めることができます。

変化を鳴らす

上記で説明したサイト速度の基本的な改善をすでに実行していることに基づいて、私たちは腕をまくり上げて、もう少し汚れを落とす必要があります。

プラグインをクリーンアップする

最初にお勧めするのは、プラグインをチェックすることです。サイトをしばらく運営していると、もう使用していないプラグインがサイトにインストールされていることに気づくはずです。あるいは、および/またはさらに、実際に使用<i>しているプラグインにほとんど価値がないことがわかるかもしれません。

サイトにインストールしたプラグインの数は主な要因ではないと最初に言いますが (重要なのは、それらのプラグインがサイトに与える負荷です)、プラグインの数が少ないほど、プラグインの数が減ると言っても過言ではありません。インストールされているほど、リソースを大量に消費するプロセスの犠牲になる可能性が高くなります。

Plugin Performance Profiler をインストールして起動することをお勧めします。この小さな美しい機能は、サイト上の複数のページをスキャンし、各プラグインが全体的な読み込み速度に与える影響を推定します。私のレポートは次のようになりました。

結果は異なる可能性があるため、パフォーマンスの全体像をより正確に把握するには、3 ～ 4 つのレポートを実行することをお勧めします。ここでは正確な数値を求めているのではなく、リソースを大幅に浪費していることが判明しているプラグインを明確に示すものです。

次の論理的なステップは、プラグインのアンインストールを正当化できるかどうかを決定することです。最終的には、高品質のユーザーエクスペリエンスを提供したいという要望に基づいて決定する必要があります。プラグインによってもたらされる利点が、追加の読み込み時間を上回る必要があります。

手動コード調整をクリーンアップする

テーマの PHP ファイルに手動で変更を加えた場合は、子テーマを使用して変更したことを願っています。そうしないと、このプロセスが少し頭の痛い問題になる可能性があります。そうでない場合は、最初のステップとして子テーマを作成し、カスタマイズしたテーマファイルをすべてその子テーマに移動する必要があります。

(何らかの方法で) 子テーマがあることを前提として、ここでのタスクは、テーマのフォルダー内の各ファイルを調べて、その中に冗長なコードが含まれていないことを確認することです。ファイル内で見つけたものは次のとおりです。

私がもう使用していない Google フォントへの参照 (実際には使用したことがありません。ただいじっていただけです)。
私のブログの 1 ページにあるいくつかのソーシャル共有ボタンのコードが、すべてのページに読み込まれていました。
Facebook の「いいね！」ボックスの一部のコードが、正当な理由よりもはるかに多くのリソースを消費していました。
function.php ファイル内のいくつかのカスタム関数は使用されなくなりました。

場合によっては、悪影響を及ぼさずにこれらの要素を削除できます。場合によっては、調整によって導入された機能をそのまま維持したい場合もあります。特にリソースを大量に消費する場合は、貪欲なスクリプトによってページの残りの部分の読み込みが妨げられないように、非同期読み込みを検討することをお勧めします。

画像を最適化する

サイドバーやロゴなど、サイトのすべてのページに読み込まれる画像があります。これらを組み合わせたサイズはかなり大きくなる可能性があるため、これらをできるだけ小さくすることが重要です。

最適化プロセスは 2 つの段階に分割する必要があります。

非可逆最適化: 選択したグラフィック編集ソフトウェアを使用して、耐えられる最大限の非可逆最適化を適用してファイルを保存します (jpeg のみに適用)。画像を 70 ～ 80% 最適化して保存するのが最適であることがわかりました。
ロスレス最適化: Smush Image Compression などのプラグインを介して画像を実行すると、画質を損なうことなく画像がさらに圧縮されます。

画像を最適化すると、ユーザーエクスペリエンスに目立った影響を与えることなく大きな変化をもたらすことができるため、これは簡単なことです。

さらなるステップ

上記の対策で読み込み速度を大幅に下げることができるはずですが、もちろんさらに下げることもできます。

たとえば、ホスティングとコンテンツ配信により、読み込み時間に大きな違いが生じる可能性があります。共有サーバーでホストされている Web サイトは、CDN ネットワークと提携した専用サーバーでホストされている Web サイトでは完成しません。私たち自身の AJ Clarke は、読み込み速度の向上とセキュリティの向上のために CloudFlare コミュニティを推奨しています。

さまざまなホスティングプロバイダーの長所と短所について詳しく説明することはこの投稿の範囲外であるため、この投稿で推奨されている調整を行うことから始めることをお勧めします。さらに詳しく知りたい場合は、ホスティングプロバイダーに連絡して、ホスティングパッケージの改善や CDN の組み込みについてアドバイスを求めてください。

ご質問がございましたら、以下のコメント欄にご記入ください。