ブログを高速化するには、まずプラグインを慎重に選択してください
この記事 の著者 Wayne Fu は、最も詳細な調査トピックは Blogger であり、ネットワークとクラウドに関連する多くのアプリケーション エクスペリエンスについても詳しく掘り下げています。転載許可を頂きましたので、ここに御礼申し上げます。
SEOを重視するウェブマスターやブロガーは、ウェブページの読み込み速度に特に注意を払うと思います。読み込み速度はGoogleのランキングスコアリング項目の1つだからです。以前、「Webサイトのパフォーマンス」に関する連載記事を書きました。興味のあるウェブマスターは、さまざまなトピックに個別に対処する方法を学ぶことができます。
「Webページの読み込み速度」の改善に関する問い合わせは昔から多いため、過去にこれらの関連記事を読んでもらったとしても、時間が経てばまた同じような質問をされる可能性があります。したがって、この記事では、ウェブマスターが自分でヘルスチェックを行い、ウェブサイトの速度を低下させるどのプラグインを削除する必要があるかを判断できるように、比較的単純かつ明確な判断プロセスをまとめることにしました。
- Web ページの速度に影響を与える主な要因
テクノロジーの急速な進歩により、今日のコンピューターやモバイル デバイスのパフォーマンスにより、Web ページの速度に影響を与える要因を簡単に排除できるようになりました。以前は、JavaScript の実行パフォーマンスは CPU やブラウザの解釈エンジンに影響されることがありましたが、現在ではほとんどのユーザーの強力な CPU、メモリ容量、新しいブラウザ バージョンにより、JS を瞬時に実行できるようになりました。一部の CSS3 であっても、JS よりも多くの CPU オペレーションを必要とする場合があります。
現在、Web ページの実行のほとんどは、ネットワーク送信時間、つまりさまざまな HTTP リクエストを待機しています。
※画像URL
-
外部 JS URL
-
送信CSS URL
※iframe外部リンクURL
つまり、テンプレートに大量の JS が含まれていても、あまり神経質になる必要はありません。 HTTP で始まる URL 文字列を識別する方法を学ぶだけで済みます (注 1)。これらの外部リンクやプラグインは削除する必要がありますか?
なお、「A Tag」にもHTTPリンクがありますが、クリックしないと他のWebサイトにリンクされません。この HTTP リンクのコンテンツが当社の Web サイトに読み込まれるわけではないため、ページの速度には影響しません。
注 1: すべての URL が HTTP で始まるわけではありません。 URL は相対 URL (たとえば、スラッシュ「/」で始まるものもその 1 つです) で表すこともできますし、二重スラッシュ「//」で始めることもできますが、これも初心者にとっては識別の難易度を高めます。
- 読み込み速度に影響するレベル
Web サイトの読み込み速度に影響を与える要因を、軽度から重度まで以下に示します。
1\。ハイパーリンク
つまり、前述の A タグは Web ページの速度に影響を与えません。
影響しないのに、なぜ特に言及するのでしょうか?プラグインの代替品については、読者に最初に印象を与えるために後で説明するためです。
2\。 CDNを使用したHTTPリクエスト
CDN (コンテンツ配信ネットワーク) サービスを提供する HTTP リクエストは、世界中の訪問者に最も近いノード サーバーを自動的に見つけます。これにより、ネットワーク伝送距離と時間を大幅に削減できます。
Blogger プラットフォームのユーザーにとって、CDN には大きなメリットがあります。 Google 公式フォーラム「読み込み速度とページの最適化に関する質問」によると、Blogger プラットフォームのデータが Google の CDN 経由で保存されている場合、Web サイトのアクセス速度は他のブログよりも確実に速くなります。
3\。非 CDN HTTP リクエスト
CDN の HTTP リクエストがなくなると、通常のネットワーク送信に戻ります。これは、サーバー ホストの応答速度や、経由する国やノードの数にも影響します。
JS/CSS/画像など、ブログで使用されるすべての外部リンクは CDN サービスによって提供されることをお勧めします。そうしないと、ページを開く速度に大きな影響が生じます。
基本的に近年WFU BLOGで紹介しているプラグインはCDN外部接続が中心です。これが理由です。
4\。 IFRAMEを使った便利なプラグイン
区別が難しい理由は、このプラグインが Web ページ上で IFRAME を生成しているかどうかを確認するには、「Chrome Developer Tools」を開く必要があるためです。
たとえば、AdSense 広告、Facebook の「いいね！」ボタン、Google マップはすべて IFRAME を生成します。
IFRAME が通常の JS 外部接続よりも大きな影響を与えるのはなぜですか? IFRAME は HTTP URL 全体をロードすることを意味するため、内部のコンテンツが広範になる場合や、複数の JS 外部接続を実行して複数の画像、オーディオ、ビデオ ファイルなどをロードする場合があります。
最良の例は AdSense 広告です。Chrome デベロッパー ツールを使用して見ると驚くべきものになります。したがって、Web サイトに掲載される AdSense 広告の数が減れば、Web ページのパフォーマンスを向上させることができます。
- プラグインが削除されたかどうかを評価します
上記の概念を念頭に置いて、ブログで一般的に使用されているいくつかのプラグインを評価し、それらを削除する必要があるかどうか、またはより良い代替手段があるかどうかを確認できます。
1\。 HTTP 外部接続を使用しないプラグイン
以前は、特定のプラグインが速度に影響を与えるかどうかを心配して、多くの人が質問をしていました。実際、問題のプラグインには HTTP 外部接続がまったくありませんが、一般のユーザーにとって HTTP 外部接続があるかどうかを見分けるのは実際にはそれほど簡単ではありません。
実際、比較的簡単に判断する方法があります。このプラグインは表示するために外部データを取得する必要があるかどうかです。
以下に、HTTP リクエストを必要としないため速度に影響を与えない一般的なプラグインをいくつか示します。
-
Blogger Number Page Navigation → テンプレートに JS を配置する方法を知っていれば、このプラグインには HTTP リクエストがありません。
2\。ソーシャル共有ボタン
多くの Web サイトは、AddThis のようなソーシャル共有ボタン プラグインをインストールします。 HTTPリクエストを減らすことが前提であれば、このようなプラグインをインストールする必要はありません。
Blogger を例に挙げると、この記事「Blogger 公式共有ボタンを変更する」を参照して、プラグインを使用せずに Web サイト上にハイパーリンクの形式でソーシャル共有ボタンを配置できます。
3\。関連記事プラグイン
関連記事はブログにとって非常に重要なプラグインです。これらを記事の最後に配置すると、読者の定着率と保持時間を効果的に高めることができます。
多くの Web サイトでは、LinkWithin または AdSense によって開始された関連記事プラグインがインストールされます。これらのプラグインの内容はより複雑であり、速度は遅くなります。
自分の Web サイトに関連する記事に関する情報は実際には自分のドメインから取得されるため、Blogger を例に挙げると、代わりに次のプラグインを使用すると高速になります。
※「Blogger関連記事V2」サムネイルを使用
※「Blogger 拡張閲覧ガジェット」は平文で表示されます
速度が速い理由は、コードがそれほど複雑ではなく、HTTP リクエストが CDN を持つ Blogger サーバーに対して行われるという事実にあります。
4\。いいねボタン
いいねボタンプラグインを配置するかどうかは、Webサイトの特性に応じて検討する必要があります。
WFU ウェブサイトを例に挙げると、長期にわたる観察の結果、ウェブサイト上で「いいね！」をクリックする読者はほとんどおらず、ほとんどの読者は FB に共有するときに「いいね！」をクリックすることがわかりました。したがって、このウェブサイトには「いいね」ボタンや +1 ボタンは配置されていません。
ただし、共有ボタンは必要です。「2. ソーシャル共有ボタン」を参照してください。
5\。メッセージボードプラグイン
実際、Facebook、Google+、Disqus など、さまざまな掲示板プラグインは非常に大規模です。この項目については、Web マスターは、自身の Web サイトの特性に基づいて評価し、メッセージ ボード プラグインの使用量がネイティブのメッセージ ボードよりも大きくなるだろうと判断してから、メッセージ ボードから離れることを検討する必要があります。 実際、ブログのネイティブ掲示板には、高速性に加えて、どのプラグインにも匹敵することのできない SEO という利点もあります。そのため、WFUステーションではBlogger公式掲示板のみを設置しておりますので、こちらの記事「【Blogger公式掲示板のメリットと魔法の使い方﹍SEO検索順位の向上】(http://www.wfublog.com/2016/04/blogger-official-comment-system-seo.html)」をご参照ください。
6\。サイドバープラグイン
※公式タグ付けツール
※【最新記事】(http://www.wfublog.com/2015/10/blogger-recent-post-v2.html)
上記はすべて一般的なサイドバー プラグインで、独自の Web サイトのデータを読み取ります。つまり、HTTP リクエストを Blogger サーバーに送信します。
前述したように、Blogger サーバーは CDN を備えており、応答と通信速度が非常に高速です。 関連する必要があるウェブマスターは、そのようなプラグインを特に削除する必要はありません。
7\。 CDN を使用した HTTP 外部接続
Blogger ドメイン データを確実に読み取るプラグインを除き、その他は外部 HTTP リクエストになります。したがって、これらの外部接続を使用する場合、それが JS/CSS であっても、送信を高速化するためにまず CDN サービスを探す必要があります。
CDN 外部接続を使用する一般的なプロジェクトをいくつか示します。
8\。他のHTTPリクエスト用のプラグイン
上記に加えて、CDN のない IFRAME とプラグインのみが残ります (CDN が本当に見つからない場合)。
前に述べたように、IFRAME はロードするものが多すぎます。 まず IFRMAE を使用してプラグインを削除するかどうかを判断し、次に CDN を使用しないプラグインを削除することができます。 これらの残りのプラグインは機能が高すぎるため、破棄する必要があるかどうかを検討してください。
もしそうなら、安心して使用して、パフォーマンスへの執着を手放してください。結局のところ、スピードよりも重要なものがまだいくつかあります。
★ この記事 の著者である Wayne Fu の最も詳細な調査トピックは Blogger であり、インターネットとクラウドに関連する多くのアプリケーション エクスペリエンスについても詳しく掘り下げられています。 転載許可を頂きましたので、ここに御礼申し上げます。
★画像出典：【Pixabay】(https://pixabay.com/en/traffic-traffic-lights-jam-469561/)
★コンテンツ力を向上させるために、オンラインコース「コンテンツパワー：ブランド構築のスーパーパワー」（https://goo.gl/9hgqc2）をぜひ受講してください。
★ コンテンツ ハッキング レクチャー シリーズ (CHL4): コンテンツの行動喚起を作成する [今すぐ登録]
★ Content Hacker Book Club: コンテンツの力: 商品を売らないでください! 「コンテンツマーケティング」を活用して集客を実現しましょう！ [今すぐ登録]
さらに読む
- 個人ブランドの構築は、適切なドメイン名の選択から始まります
- 優れたコンテンツは王様──検索エンジンとターゲット ユーザーを Web サイトに定着させるにはどうすればよいですか?
- 2017 台湾グロースハッカー年次会議: Green Vine Vitality、温かみのあるコンテンツ マーケティングを使用して非典型的な急速な成長を生み出す
📖 深入探索相關主題
