ウェブサイトをスピードアップするための8つのヒント

私が確信していることが他に何もない場合でも、1つ確かなことがあります。これまでに、少なくとも1つの痛みを伴う遅いウェブサイトに遭遇したことがあります。おなじみのように思われる場合は、過去数年間に取得した、Webサイトの高速化に役立ついくつかのヒントをお伝えします。.


Webサイトの速度が重要であるかどうかわからない場合は、サイトが読み込まれるのを待っている間にブラウザウィンドウも閉じたときのことを思い出してください。実際のところ、53%の人が読み込みに3秒以上かかるウェブサイトを放棄しています.

ウェブサイトのパフォーマンスは重要であり、検索エンジンのランキングに影響を与える役割を果たします。たとえば、Googleは高速なウェブサイトを好み、検索結果でそれらのより高いランキングを提供します.

さまざまな業界での平均Webページ読み込み時間(ソース).

サイトの速度をテストする

まず、サイトの読み込み速度をテストします。いくつかの推奨ツールは次のとおりです。

  • WebPageTest:一般的なオペレーティングシステムを実行している実際のブラウザーからWebページのパフォーマンスを収集します.
  • Pingdom:ウェブサイトのパフォーマンスのボトルネックを分析して見つけるのに役立ちます.
  • GTmetrix:ウェブページの速度を最適化する最良の方法について、実用的な洞察を分析して提供します.
  • Bitcatcha:8か国のサイト速度を確認する.

サイト速度テスターを使用することにより、サイトが現在どの程度最適化されているかを知ることができます.

ここにあなたのウェブサイトをスピードアップするためのヒントがあります…

1.優れたWebホストを選択する

私の経験では、Webホスティングはおそらく、最も重要な選択肢の1つです。 Webホストがあり、優れたWebホストがあります。各Webホストには異なる機能があるため、独自のキャッシングテクノロジー、ソリッドステートドライブ、NGINXなどの重要な領域の制御などの重要な項目に注意してください.

私はこれを十分に強調することはできません。 Webホストの選択は非常に重要です。それらに精通していない場合は、主要なWebホストの包括的なレビューを参照して、十分な情報に基づいた決定へと導きます。.

2.縮小:小さいほど良い

今日のWebサイトがJavascriptおよびCSSファイルであふれているのはよくあることです。これにより、訪問中に大量のHTTPリクエストが生成され、サイトの速度が大幅に低下する可能性があります。これがミニファイの出番です.

JavaScriptとCSSファイルを縮小するには、すべてのスクリプトを1つのファイル(各タイプ)に結合します。これは簡単な作業ではありませんが、心配する必要はありません。これを処理できるWordPressプラグインがあります。.

以下のいずれかを試してみてください:自動最適化、高速ベロシティミニファイ、またはマージ+ミニファイ+リフレッシュ

縮小すると、コードがすべて乱雑に見える可能性があります。心配しないでください。これは正常です.

3. KISSの原則に従う

これは通常、ほとんどのWeb教祖によって教えられているものではありませんが、非常に多くの点で非常に役立つことがわかりました。 KISSは「Keep it simple、stupid」の頭字語です。シンプルなシステムの効率性に重点を置いた1960年代のある賢者によって造られました.

経験則として、私はこれが人生のほとんどすべてに当てはまることを見つけます–ウェブサイトのセットアップにおいてさえ。過度に複雑な実装と設計を回避することにより、高速で、より重要なことに、管理と保守が容易なサイトを利用できます。.

設計 & ビジュアル

デザインとビジュアルをシンプルに保つということは、主にオーバーヘッドを削減するという形です。息をのむような大量の画像と見事な動画が多いサイトは、悪質な日にはナマケモノと同じくらい速く読み込まれる可能性があります。それをきちんと整頓し、ビデオと画像の読み込みをさまざまなページに分割してみてください.

コード & プラグイン

WordPressは非常にモジュール化されており、しかも使いやすいため、すばらしいものです。あなたが何をしたいかに関係なく、誰かがすでにそのためのプラグインを設計している可能性があります.

サウンドと同じくらいエキサイティングですが、プラグインでサイトをオーバーロードすることに注意してください。各プラグインは異なる人(そしておそらく異なる会社)によって設計されていることを覚えておいてください。彼らの目的は、特定の目的を達成することであり、サイトのパフォーマンスを合理化することではありません.

可能であれば、自分で管理できるもののプラグインは避けてください。たとえば、テーブルをテキストに挿入するのに役立つプラグインを見てみましょう。プラグインを使用する代わりに、テーブルを描画するための基本的なHTMLコードを簡単に学ぶことができます。?

個々のプラグインによってはサイトの速度が大幅に低下する場合があるため、新しいプラグインをインストールするたびに速度テストを実行してください!

4.コンテンツ配信ネットワークを活用する

私にとって、コンテンツ配信ネットワークは神からの贈り物です。 CloudflareやLimeLight Networksなどの企業は、世界中のサーバーのネットワークを通じて他の人々が安定して高速なコンテンツ配信を楽しむのを支援することで生計を立てています.

CDNを使用すると、訪問者が世界中のどこから来た場合でも、Webページの配信がはるかに速くなり、読み込み速度が向上します。.

それとは別に、CDNを使用すると、分散サービス拒否(DDoS)などの悪意のある攻撃に対する保護も強化されます。.

あなたが小さなウェブサイトの所有者である場合、Cloudflareには無料で使用できるオプションがあり、問題なく機能します。企業や大規模なサイトでは、より良いプランを実現するために料金を支払う必要がありますが、CNDのメリットを考えると、価格に見合う価値があります!

5.キャッシングを利用する

キャッシングはそのとおりです。静的ファイルを保存して、訪問者が来たときに、以前に作成したページからサイトが共有できるようにして、処理時間を短縮します。ほとんどの場合、あなたが興味を持つ必要があるのはサーバー側のキャッシングです.

サーバー側のキャッシュを実装する最も効率的な方法は、ApacheまたはNGINXサーバーの設定を使用することです。これらのドキュメントを確認し、サーバーキャッシュの設定に役立つ適切な設定を見つける必要があります。.

経験則として、多くのサーバーサポート作業(処理)を必要とするものは、可能であればキャッシュする必要があります。.

変になりすぎた場合は、プラグインを使用することもできますが、この場合、プラグインを使用することはお勧めしません。.

6.画像は帯域幅を占有し、最適化します!

これは、KISSの原則に基づく大規模な画像や動画に対する私の以前の怒りを少し拡張したものです。そのため、サイトを美しく見せるためにはビジュアルが重要であることは理解しています。これらの使用を完全に回避することはできないため、使用する画像が可能な限り合理化されていることを確認しましょう,

画像に関しても、Webコンテンツの大部分は基本的なものです。死んだ豚のように読み込まれる、私が遭遇したWebサイトの大部分は、実際の目的を果たさない大規模な画像によってドラッグされることが多い.

大きな画像は使用できないと言っているわけではありませんが、アップロードする前に適切に最適化されていることを確認してください.

これを行うには2つの方法があります。繰り返しになりますが、1つ目はWP Smushのようなプラグインを介したものです。別の方法、またはWordPressを使用していない人のための方法は、Image CompressorやJPEG Optimizerなどのサードパーティの画像最適化ツールです。.

ほとんどの画像最適化ツールでは、画像の解像度の詳細を微調整できるので、徐々に色調を下げることができます。彼らは訓練されていない目にはほとんど同じに見えますが、サイズははるかに小さくなります.

これらは、HD画像の領域でズームされます(左)。オリジナルは2.3MBで、最適化後、331kbに縮小されました。!

7. gzip圧縮を使用する

画像圧縮、またはおそらくアーカイブ(ZIPまたはRAR)を聞いたことがある場合は、おそらくgzip圧縮の背後にある理論に精通しているでしょう。これによりWebサイトのコードが圧縮され、最大300%の速度向上がもたらされます(結果は異なります).

これほど技術的なものでも、PageSpeed Ninjaのようなプラグインをすぐに使用できます。ただし、.htaccessファイルを一度編集するだけのはるかに効率的な方法があります。.

以下のコードを.htaccessファイルに追加すると、設定されます。

#HTML、CSS、JavaScript、テキスト、XML、フォントを圧縮する

AddOutputFilterByType DEFLATEアプリケーション/ JavaScript

AddOutputFilterByType DEFLATE application / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE application / x-font

AddOutputFilterByType DEFLATE application / x-font-opentype

AddOutputFilterByType DEFLATE application / x-font-otf

AddOutputFilterByType DEFLATE application / x-font-truetype

AddOutputFilterByType DEFLATE application / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

AddOutputFilterByType DEFLATE font / opentype

AddOutputFilterByType DEFLATE font / otf

AddOutputFilterByType DEFLATE font / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / x-icon

AddOutputFilterByType DEFLATE text / css

AddOutputFilterByType DEFLATE text / html

AddOutputFilterByType DEFLATE text / javascript

AddOutputFilterByType DEFLATE text / plain

AddOutputFilterByType DEFLATE text / xml

*注意:このコードは、現在.htaccessファイルにあるものの下に追加してください。.

8.リダイレクトを減らす

通常、ブラウザはさまざまな形式のアドレスを受け入れます。これらのアドレスは、サーバーによって承認された公式のアドレスに変換されます。たとえば、www.example.comとexample.comを考えてみましょう。どちらも同じサイトにアクセスできますが、1つは正式に認識されたアドレスにリダイレクトするようサーバーに要求します.

このリダイレクトには時間とリソースがかかるため、目的は、1回のリダイレクトでサイトに到達できるようにすることです。このリダイレクトマッパーを使用して、正しく実行されているかどうかを確認します.

これを正しく行うのは複雑であり、継続的に時間がかかるため、リダイレクトのようなプラグインを使用することをお勧めします。.

より高速なウェブサイトは訪問者(およびGoogle)を幸せに保ちます

今日のブロードバンド速度は、モバイルであっても、それだけ増加しており、さらに増加するでしょう。つまり、ウェブサイトの所有者が、読み込み速度の遅いサイトに訪問者を我慢させる言い訳はほとんどありません。.

信じてください、あなたは訪問者を失い続け、ある時点で「ああ、あのウェブサイト」として知られるほどの悪い評判を得ます。あなたがオンラインビジネスをしているなら、あなた自身の黄金のガチョウを殺すことになるので、それはさらに悪化します.

私が提供した上記の8つのヒントは、決してすべてで終わりというわけではありませんが、物事を少し上手に管理する方法についての開始といくつかのアイデアを提供するはずです。今日のあなたのウェブサイトをスピードアップして、あなたの顧客または訪問者を維持してください.

そのウェブサイトになってはいけません.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me