あなたのウェブサイトをスピードアップする方法

前書き

漁師


83% サイトの読み込みに3秒以下を期待するユーザーの割合 しかし、上位500のeコマースホームページのロード時間の中央値は10秒です

データは、米国におけるウェブサイトの速度の重要性を示しています。 約25% 多くの時間がかかるウェブページを放棄すると言っている人の 4秒 ロードする

秒単位のページ読み込み時間。

時計

47% すべての買い物客のうち、2秒未満でウェブサイトが読み込まれることを望んでいます.

パン

ページの読み込みに3秒以上かかる場合、 40% 訪問者のバウンス.

遅いWebサイトほどイライラするものはありません。エンドユーザーにとっては悪いだけでなく、ウェブサイトの所有者にとっても非常に悪いです。私たちが暮らしている時代には、企業だけでなく世界中の人々と役立つ情報を共有したい人にとって、ウェブサイトの存在は欠かせません。彼らが作品を紹介しようとしている写真家、声を出そうとしているアーティスト、在宅ママ、DIYチュ​​ートリアルや知識を共有したい教師にかかわらず、効果的なウェブサイトを持つことは非常に重要です。ウェブサイトを効果的にする重要な要素の1つはスピードです.

なぜあなたのウェブサイトのスピードは重要ですか?

スピードはウェブサイトを成功させたり壊したりします。トラフィック、ページビュー、コンバージョン、売上、全体的な評価に影響します。それをより速くすることで、あなたのビジネスまたはあなたのファンベースを改善して、それが成長するのを助けることができます。研究は示しています:

  • 47%の人は、Webサイトが2秒未満でロードされることを期待しています。>
  • 読み込みに3秒以上かかる場合、40%の人がウェブサイトを離れる可能性が非常に高い.

したがって、Webサイトの速度は、ビジネスを成功させる上で非常に重要な役割を果たします。あなたがあなたの競争から目立たせたいならば、それはあなたの最優先事項の1つであるべきです。ウェブサイトを高速化することで、ページビューとコンバージョンの面で肯定的な結果が得られるだけでなく、訪問者に優れたユーザーエクスペリエンスを提供することにもなります。.

優れたユーザーエクスペリエンスは、強力な顧客基盤を構築し、強力なブランドを構築するための鍵です。ウェブサイトの読み込みに時間がかかる場合、他の要素の点で優れたウェブサイトを作成すると、人々が滞在してチェックアウトする可能性が低くなります。したがって、ウェブサイトの読み込みが高速でないことを確認すると、多くの顧客やフォロワーを失うリスクがあり、その結果、多くの収益が失われます。.

さらに、あなたのウェブサイトの速度はあなたのSEOにとって非常に重要です。ウェブサイトの読み込みが速いと、検索エンジンでのランキングが高くなります。これは、Googleが高速なウェブサイトを好んでおり、検索エンジンの結果で上位にランク付けすることで報酬を与えているためです。速度とは別に、ユーザーエクスペリエンスはGoogleのランキングアルゴリズムのもう1つの要素です。したがって、Webサイトの速度を上げてユーザーエクスペリエンスを向上させることにより、最終的にはSEOランキングが向上します。.

その結果、より多くのトラフィックを獲得し、顧客に変換できるより多くの質の高いリードを引き付け、最終的に売上を増やし、より多くの収益を生み出します。.

ウェブサイトの速度をテストする方法?

  • PageSpeed Insights は、ウェブサイトの速度をテストするためのGoogleの無料ツールで、非常に使いやすいツールです。あなたがする必要があるのはあなたのウェブサイトのURLを入力することだけです、そしてツールはそのコンテンツを分析しそしてあなたのウェブサイトをより速くする方法についての提案を生成します.
  • Pingdom は、ウェブサイトの速度をテストするだけでなく、ウェブサイトのパフォーマンスを確認して評価する非常に便利なツールでもあります。また、ウェブサイトのパフォーマンス履歴を追跡するため、ウェブサイトの速度に関する潜在的な変化を洞察することができます.
  • YSlow ウェブサイトの速度をテストし、それを改善する方法についてアドバイスを提供するツールです。また、ウェブサイトの速度を確認するためのChrome拡張機能を提供することもできます.

あなたのウェブサイトをスピードアップする15の方法

あなたのウェブサイトをスピードアップし、本当に効果的で成功させる方法はたくさんあります。以下は、あなたのウェブサイトをスピードアップし、あなたの努力が長期的に見返りをもたらす最も簡単で最も効果的な方法のいくつかです。.

Webホスティングプランをアップグレードする

実際には、これは、サイトの収益が通常1日あたり100,000ドルであることを意味します

1秒

多くの人々は、最初にブログやWebサイトを作成するときに安価なWebホスティングプランを選択するため、共有ホスティングを選択します。時間の経過とともに、彼らはより多くのコンテンツを提供し、彼らのウェブサイトは成長し、最終的には減速します。その場合は、Webホスティングプランをアップグレードすることをお勧めします。ウェブホスティングプランのアップグレードは、ウェブサイトの速度を改善するための最も簡単で簡単な方法です。ただし、すべてのニーズを満たす最高のホスティング会社を選択するようにしてください.

ホスティングを共有している場合は、VPSまたは専用オプションに移行する必要があります。どちらの方法でも、ウェブサイトの速度に大きな違いがあることに気づくでしょう。 2つのオプションのどちらを選択するかは、ビジネスニーズによって異なります。両方のオプションを慎重に、そして十分に検討してください。.

ここでは、両方について簡単に説明します。 VPS(Virtual Private Servers)ホスティングは、コンテンツ配信に複数のサーバー(時には数百のサーバー)を使用するため、おそらく最善の選択肢です。また、スケーラブルなソリューションであり、ブロガーだけでなく、中小企業にも最も魅力的です。.

一方、専用サーバーを使用すると、専用リソースを取得できるため、完全な制御が得られます。すべてのリソースは自分専用であるので、RAM、CPU、帯域幅などを共有する必要はありません。また、帯域幅の制限は高くなりますが、複数のコンピューターがないため、このホスティングオプションは柔軟性が大幅に低下します。ただし、VPSホスティングよりもはるかに高価です.

ブラウザのキャッシュを有効にする

マイクロソフトスピードスペシャリストでコンピューターサイエンティストのハリーシャム氏 0.25秒 ページの読み込み時間の違い(より速くまたは遅く)は、オンラインビジネスの競争上の優位性を決定付けるマジックナンバーです。.

キャッシュを有効にすると、Webサイトの速度が大幅に向上し、サイトの訪問者に、よりやりがいのあるユーザーエクスペリエンスを提供できます。キャッシングとは、HTMLドキュメント、メディアファイル、画像、CSS、JavaScriptファイルなどの静的ファイルを保存するプロセスのことです。これにより、データベースは、新しいファイルがあるたびにすべてのファイルを取得する必要がなくなります。リクエスト。サーバーへのリクエストが多いほど、ウェブサイトの読み込みに時間がかかります.

誰かがWebサイトにアクセスすると、アクセスしようとしているWebページの要素が自動的にダウンロードされ、ハードドライブのキャッシュ(一時ストレージ)に保存されます。そうすれば、ユーザーが次にWebサイトにアクセスしたときに、HTTP要求をサーバーに再送信する必要なく、ブラウザーは要求されたWebページを非常に迅速にロードします。.

手

44% オンライン買い物客の割合は、遅いオンライン取引が取引の成功を心配させていると述べています

ただし、キャッシュを使用できるのはリピート訪問者だけです。これは、初めての訪問者にはキャッシュされて保存されたバージョンのWebサイトがないためです。それにもかかわらず, Webサイトの完全なキャッシュを有効にする ページの読み込み時間を2.4秒から0.9秒に短縮できます。これは、ユーザーが初めてウェブサイトにアクセスしたときにユーザーのキャッシュに保存する必要があるコンポーネントが30以上ある場合があるためです。ただし、以降のアクセスではダウンロードする必要があるコンポーネントはわずかです。.

使用しているWebサイトプラットフォームに応じて、ブラウザーのキャッシュを有効にする方法はいくつかあります。たとえば、WordPressを使用している場合、キャッシュを有効にする最も簡単な方法はプラグインをインストールすることです。最高のWordPressキャッシングプラグインは W3合計キャッシュ, これは最も人気のあるパフォーマンスプラグインです。 WPスーパーキャッシュ, これは、トラフィックが多くサーバーの能力が不十分なWebサイトに最適です.

カタツムリ

51% 米国のオンラインショッパーは、サイトの遅延が購入を断念する最大の理由だと述べています

CMSとしてDrupalを使用している場合は、 ワニスキャッシュ ブラウザのキャッシュを活用するためのソフトウェア。 JoomlaがCMSの場合は、Joomlaダッシュボードでブラウザーのキャッシュを有効にできます。[システム]> [グローバル構成]に移動し、[システム]タブをクリックします。 [キャッシュ設定]ラベルの下に[キャッシュ]ラベルが表示されます。ここでクリックしてドロップダウンメニューを開き、リストから[オン]-[保守的キャッシュ]オプションを選択します。 [保存]をクリックし、[拡張機能]> [プラグインマネージャ]に移動します。ここで、システム-キャッシュプラグインを有効にできます.

ごみ

18% ページが遅すぎると、買い物客の多くがカートを放棄します。オンライン小売業者が放棄したショッピングカートの総コストは、年間200億ドル以上と推定されています

サーバーレベルでブラウザのキャッシュを有効にすることもできます。つまり、キャッシュをサーバー側のスクリプトに統合します。これは、Web開発者が支援できるものです。.

キャッシュに保存されている静的リソースには、少なくとも1週間のキャッシュ有効期間が必要です。 Expiresヘッダーを追加して、最低1週間、最高1年間に設定することで、これを設定できます。最適なオプションは、頻繁に更新されない静的リソースには遅い有効期限を設定し、定期的に更新されるリソースには短い有効期限を設定することです.

Expiresヘッダーは、サーバーまたはブラウザーのキャッシュから特定のファイルを要求する必要があるかどうかをブラウザーに通知します。また、これらのファイルをキャッシュに保存するのに必要な時間をブラウザに通知し、次回のアクセス時にファイルが再度ダウンロードされないようにします.

貧しいトラック

79% 不満のある顧客のうち、GoogleまたはAmazonを除いて、パフォーマンスの低いウェブサイトに再度アクセスすることはありません.

Gzip圧縮を有効にする

コンピューター上のファイルをZIPファイルとして圧縮したことがある場合は、その方法でファイルのサイズをどの程度削減できるかを知っている必要があります。 Gzip圧縮は、Webサイトページを除いてまったく同じように機能します。これは、非常に効率的で最良の圧縮方法です。 HTTPリクエストを最小限に抑え、応答時間を削減します。.

二人

46% 不満のある顧客のうち、否定的な印象が長続きし、44%がショッピング体験を他の世界と共有しています.

Gzip圧縮を有効にすると、ウェブサイトのファイルが自動的にZIPファイルに圧縮されます。これにより、サイズが大幅に縮小され、Webサイトの速度が向上します。帯域幅が大幅に節約され、ウェブサイトのページ読み込み時間が改善されます。誰かがあなたのウェブサイトにアクセスすると、圧縮ファイルが自動的に解凍され、コンテンツにアクセスできるようになります.

CMSに適切な圧縮プラグインを使用して、ウェブサイトにGzip圧縮をインストールできますが、手動で簡単に実行することもできます。 WebサイトにGzip圧縮を手動で追加するには2つの方法があります。 1つ目は、テキスト、JavaScript、HTML、CSS、またはXMLを圧縮する場合は、次のコードを.htaccessファイルに追加することです。

100ミリ秒。それは私たちの脳の後頭葉が感覚記憶として視覚情報をどれくらいの期間保存するかです

あなたのウェブサイトをスピードアップ
ウェブサイトのスピードアップを見る[インフォグラフィック]

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATEアプリケーション/ JavaScript
AddOutputFilterByType DEFLATE application / x-javascript

特定のファイルタイプを拡張子で圧縮する場合は、次のコードを.htaccessファイルに追加します。

<ファイル*.html>
SetOutputFilter DEFLATE
</ファイル>

WebサイトにGzip圧縮を手動で追加する2番目の方法は、HTTPまたはPHPページの上部に次のコードを追加することです。

if(substr_count($ _SERVER[HTTP_ACCEPT_ENCODING], gzip)) ob_startob_gzhandler;そうしないと ob_start;?>

不要なプラグインを削除する

100ミリ秒
ウェブサイトに瞬時に反応するような錯覚を訪問者に与える

1秒 ページの読み込み時間は、シームレスな思考の流れを維持するには十分です

10秒 遅延のため、訪問者の注意はほとんど維持されません。焦り、欲求不満、そして放棄の感覚は通常、ビジターがそのような遅いウェブサイトを再び訪れるのを防ぐのに十分強いです。

追加するすべてのプラグインを実行するには、リソースが必要です。ただし、リソースが増えると、ウェブサイトの速度が低下します。使用しなくなったプラグインや不要なプラグインがインストールされている場合は、それらを非アクティブにして削除する必要があります。プラグインが多すぎると、ウェブサイトの速度が低下するだけでなく、セキュリティの問題やクラッシュを引き起こす可能性があります.

不要なプラグインを削除することで、ページの読み込み時間を大幅に改善し、ウェブサイトを高速化できます。ただし、プラグインに関しては、プラグインの数だけの問題ではないことを知っておく必要があります。 50個のプラグインを使用でき、サイトに10個のプラグインをインストールした人よりも高速なWebサイトを使用できます。プラグインの数は重要ですが、プラグインの品質にも問題があります。たとえば、ソーシャル共有プラグインはページの読み込み時間に大きな影響を与える可能性があるため、ソーシャルメディアボタンをウェブサイトのテーマのソースコードに埋め込むことを検討してください。.

したがって、多くのスクリプトと多くのスタイルをロードし、多くのリモートリクエストを実行し、多くのデータベースクエリを追加することで、Webサイトのすべてのページを圧倒するプラグインを避ける必要があります。もちろん、プラグインはあなたのウェブサイトの機能に貢献し、あなたがそれを改善するのを助けることができるそれらの多くはあります。しかし、絶対に必要だと思うものだけを確実に保管してください。.

注:たとえば、DrupalやJoomlaを使用している場合、そもそも取引するプラグインがありません。したがって、モジュールを無効にするか、速度最適化拡張機能を追加することで、Webサイトを高速化できます。 Drupalに対する最善のアドバイスは、50を超えるモジュールを実行しないことです。あなたのウェブサイトの機能に絶対に必要なものだけを実行してください.

Joomlaについては、次の拡張機能を確認してください。これらの拡張機能はそれぞれ、Webサイトの速度を向上させることができます。 jQuery Easy, LLFJ, JavaScriptの非同期および遅延 そして ScriptsDown.

HTTPリクエストを最小化

実生活

アマゾンとウォルマートの両方が報告した 1% あたりの収益の損失 100ms サイトの読み込み遅延の

ウォルマートはコンバージョンを増やしました 2% すべてのための 1秒 読み込み時間の改善

Mozillaがページ速度を 2.2秒, Firefoxのダウンロード数は上昇 15.4%, または 千万 1年当たり!

eコマース大手Shopzillaを見た 50% ページの読み込み時間を 7秒2秒

HTTPリクエストが多すぎるため、ウェブサイトが遅くなることがあります。誰かがあなたのウェブサイトを訪問すると、彼らは特定のファイルを要求します。彼らのWebブラウザーは、HTTPプロトコルを使用してサーバーからこれらのファイルを要求します。これらのファイルには、HTMLファイル、CSSおよびJavaScriptファイルが含まれます。それらがたくさんある場合、HTTPリクエストがたくさんあり、あなたのウェブサイトは最終的に遅くなります.

これが、HTTPリクエストを最小限に抑える必要がある理由です。これを行うにはいくつかの優れた方法があります.

  • CSS、JSスクリプト、HTMLファイルを組み合わせる.
  • 可能な限り画像の代わりにCSSを使用する.
  • すべてのWebページの要素数を減らす.
  • キャッシュプラグインをインストールする.
  • サーバーへの追加のHTTPリクエストを作成し、ページの読み込み時間を増やすリダイレクトを減らす.

たとえば、ウェブサイトがレスポンシブである場合、ウェブサイトにアクセスしたモバイルユーザーはレスポンシブバージョンのウェブサイトにリダイレクトされます。このようなリダイレクトによってウェブサイトの速度が低下しないようにするために、2つのアクションを実行できます。追加のリダイレクトなしでモバイルユーザーをデバイス固有のURLに直接送信するようにHTTPリダイレクトを設定するか、モバイル同等のURLを識別してモバイルユーザーをリダイレクトするJavaScriptリダイレクトを設定できます。ただし、JavaScriptを実行してリダイレクトを実行する前に、リダイレクトのクライアント側でWebページをダウンロードする必要があるため、後者のオプションでは遅延が発生する可能性があります。.

HTTPキープアライブを有効にする

WebサーバーがWebサイトのビジターのブラウザーからHTTPリクエストを受信すると、つまりビジターが特定のファイルをリクエストすると、ブラウザーはサーバーにファイルをダウンロードする許可を要求します。これは、すべてのファイルに対して個別に行われます。これは、より多くの処理能力を使用することは言うまでもなく、多くの帯域幅とメモリを消費します。結局、それはあなたのサーバーに多くの負荷を引き起こし、あなたのウェブサイトを遅くします.

HTTPとHTTPS
HTTPとHTTPSの比較[チートシート]

HTTPキープアライブを有効にすることでウェブサイトを高速化できます。これにより、サーバーへの複数のファイル要求に対して単一のオープン接続が作成され、ウェブサイトが大幅に高速化されます。簡単に言うと、サーバーは、サーバーに過度の負荷をかけることなく、同時に複数のファイルをダウンロードできることをブラウザーに通知します。サーバーへの接続数が制限されている場合、多くの帯域幅が節約されます.

次のコードをコピーして.htaccessファイルに貼り付けることで、HTTPキープアライブを有効にできます。

<IfModule mod_headers.c>
ヘッダーセット接続キープアライブ
</ IfModule>

JavaScriptおよびCSSファイルを縮小する

これは、ページの速度がサイト収益で果たす役割のもう1つの驚くべき例です。税務ソフトウェア会社のIntuitは、ウェブサイトの読み込み時間を短縮するための実験を行いました。

ロード時間から1秒ごとに削除され、Intuitは
変換

ロード時間

Webサイトに大量のJavaScriptおよびCSSファイルがある場合、Webサイトの訪問者が特定のファイルにアクセスしようとすると、多くのHTTPリクエストが発生します。彼らのウェブブラウザはそれらのファイルを個別に扱うので、それらの多数のHTTPリクエストはあなたのウェブサイトをかなり遅くします.

HTTP要求を最小化(縮小)し、HTTPを有効にする一方で、キープアライブはWebサイトの速度を大幅に向上させることができます。これによりWebサイトの速度が大幅に向上する可能性があるため、JavaScriptおよびCSSファイルの縮小を検討する必要があります。すべてのJavaScriptファイルを1つのJavaScriptファイルに配置し、すべてのCSSファイルを1つのCSSファイルに配置することにより、それらの数を減らすことができます。これにより、HTTPリクエストの数が減り、Webサイトが高速になります.

試すことができる多くの縮小ツールがありますが、無料で非常に使いやすいツールから始めることをお勧めします ウィルピービー HTML、CSS、JavaScriptファイルをすばやく縮小するのに役立つプラグイン. BWPミニファイ (Better WordPress Minify)もJavaScriptとCSSファイルを組み合わせて縮小できる優れたプラグインですが、WordPress専用のプラグインです.

画像を最適化する

画像は多くの帯域幅を占有します。最適化されていない場合、つまりサイズが大きい場合、サーバーリソースを大量に使用し、読み込みに時間がかかります。画像が最適化されていない場合、ウェブサイトが大幅に遅くなる可能性があります.

したがって、品質に悪影響を与えずに画像のサイズを縮小することを検討してください。これは、画像を圧縮できるプラグインを使用して達成でき、プロセス中に画像の品質が失われないようにします.

WordPressを使用している場合は、 WPスマッシュ, メディアライブラリにアップロードした瞬間に画像を自動的に圧縮するプラグイン。一方、CMSとしてDrupalまたはJoomlaを使用している場合は、 クラーケン, 画像を圧縮するための素晴らしいツールでもあります.

さらに、CSSスプライトを使用することも検討してください。これは、Webサイトの速度を大幅に向上させることができるためです。スプライトは、すべての画像を含む1つのファイルです。 CSSを使用してスプライトを作成できます。CSSを使用すると、座標を指定して、必要なセクションを除いて画像内のすべてを非表示にできます。したがって、1つの大きな画像は多くの小さな画像よりも速く読み込まれるため、すべての画像が1か所に配置され、Webページの読み込みがはるかに速くなります。.

あなたが 画像を最適化する, サイズとは別に、フォーマットと画像のURLであるsrc属性に集中する必要があります。 JPEG形式を使用する必要がありますが、PNGも適切ですが、古いブラウザでは完全にはサポートされていません。.

モバイルユーザー

モバイルユーザーの50% 10秒以内に読み込まれない場合はページを破棄し、5分の3はそのサイトに戻りません

src属性に関しては、コードが正しいことを確認する必要があります。空の画像srcコードを避けます。つまり、HTMLの画像のコードには次のものが含まれます。

<img src=「」>

引用符内にソースがない場合、ブラウザはページのディレクトリまたはページ自体にリクエストを送信します。これにより、サーバーに多くの負荷がかかり、データが破損することもあります。したがって、必ず「src属性」に有効なURLを含めてください。.

ウェブサイトのテーマを変更する

豊富なトラック

14の平均応答時間
業界をリードするモバイル小売サイト
4.73秒でした。アマゾンは
2.85秒の応答時間

WebサイトのテーマもWebサイトの速度に影響を与える可能性があります。サーバーの構成がどれほど優れていても、Webサイトのテーマに複雑なコードが含まれていると、Webサイトの読み込みが遅くなります。特にWordPressでは、ウェブサイトのテーマのみを変更することは珍しくありません。ページの読み込み時間が大幅に増加するだけです。.

したがって、美学だけを見るのではなく、テーマを選択するときは、Webサイトのテーマを変更してパフォーマンスを優先事項の1つにすることを検討してください。ウェブサイトの速度をテストするツールの1つを使用して、特定のテーマのデモのページ速度を確認できるため、テーマの実行速度を確認できます.

CDNを使用する

モバイルWebユーザーの忍耐

調査のほとんどの参加者は、ページを放棄する前に6〜10秒待機します

30%

30%

16〜20秒

20 $

20%

20 +秒

16%

16%

1-5秒

16%

16%

11〜15秒

15%

15%

11〜15秒

3%

3%

調査対象者のうち、ページが読み込まれるのを1秒未満待ってから放棄する.

CDN(コンテンツ配信ネットワーク)は、世界中に配置された複数のサーバーのネットワークであり、地理的位置に従ってエンドユーザーにWebコンテンツを配信します。 CDNは、ウェブサイトの静的ファイルをホストして、それらをより効率的に配信し、帯域幅とサーバーの負荷を減らすことができます。.

CDNは、CDNがユーザーに最も近いサーバーを使用して要求したファイルを配信するため、CDNを使用すると、要求されたWebコンテンツがはるかに迅速にエンドユーザーに配信されます。その結果、待ち時間がなくなるだけでなく、Webサイトも大幅に高速化されます。これは、訪問者がサーバーから直接ファイルを要求する代わりにキャッシュにアクセスするためです。.

したがって、CDNを使用することで、多くの帯域幅を節約し、ページの読み込み時間とWebサイトの速度を大幅に改善できます。 CSSおよびJavaScriptファイルをCDNに保存するだけでなく、画像、ビデオ、PDF、およびその他のタイプのアップロードされたコンテンツを保存できます。.

CDNの使用は非常にコストがかかる可能性がありますが、非常に多くの利点があるため、特に多くの帯域幅を使用する場合は、10セント程度の価値があります。したがって、大規模なWebサイトがあり、訪問者が多い場合は、CDNが最適です。.

外部スクリプトを減らす

JavaScriptコードの形式でWebサイトに追加した外部スクリプトは、Webページが読み込まれるたびにHTTPリクエストを行います。ご存知のように、これはあなたのウェブサイトを遅くします。これらの外部スクリプトには、外部コメントシステム、ポップアップボックス、外部フォント、ウェブサイト分析サービス、Facebookの「マイページ」ボックスなどのソーシャルメディアボックスなどがあります。.

すべての外部スクリプトを削除するべきではありませんが、Webサイトの高速化に役立つため、それらを削減する必要があります。たとえば、Pingdomを使用して、ロードに最も時間がかかっている外部スクリプトを確認できます。不必要な場合は、スクリプトを削除できます。.

遅いWebサイトからビデオやその他のマルチメディアファイルを埋め込むと、Webサイトの速度に悪影響が及ぶ可能性があります。ページの読み込み時間を短縮するには、外部ファイルを高速で信頼性の高いWebサイトからのみ要求するようにしてください。また、ウェブサイトが行う外部リクエストの数をすべて制限することも検討してください。.

リンク切れを修正

Wi-Fi

50% モバイルでの1秒のページ読み込み時間の予算のうち、ネットワーク待ち時間のオーバーヘッドが占める.

コンテンツのリンク切れはWebサイトの速度を低下させることはできませんが、ユーザーエクスペリエンスに大きな影響を与える可能性があるため、すべてに注意を払う必要があります。ただし、CSS、JavaScript、および画像URLのリンク切れは、Webサイトの速度に悪影響を及ぼす可能性があります。定期的にリンクをスキャンし、気づいたらすぐに壊れたリンクを修正します.

壊れたリンクは、画像ソースファイルで最もよく見られます。これは、URLが間違っている場合に発生します。これらのリンクは、特定の画像のサイズが非常に小さいと定義されている場合は特に、見落とされがちです。画像に壊れたリンクがある場合、つまり404エラーが表示された場合、その壊れたリンクはHTTPリクエストからの無駄な応答を作成し、Webサイトを遅くします。ブラウザーが利用できない画像をダウンロードしようとするため、Webページが画像のダウンロードに多くの時間を費やし、Webサイトの速度が低下します.

電話

99% 応答時間の問題の原因は、UIが遅すぎることが原因です。

壊れたリンクは、HTMLドキュメントの先頭にあるCSSリンクタグにもあります。画像ファイルの場合と同様に、CSSファイルがリンク先にない場合、HTTPリクエストは役に立たない応答となり、404コードで返されます。多くの外部CSSファイルを使用する場合は、リンクが壊れていないか定期的に確認することが重要です。外部CSSファイルは移動され、404エラーが発生する可能性があるためです。.

JavaScriptソースURLに壊れたリンクがある場合、画像ソースファイルやCSSリンクと同様に、ウェブサイトの速度が低下する可能性があります。ただし、ブラウザがJavaScriptを解釈しようとする可能性があり、ダウンロード時間が長くなるだけでなく、スクリプトの相互作用も悪くなります。ブラウザがJavaScriptではなく404ページを読み込もうとすると、404ページの読み込みが完了するまで、他のすべてのダウンロードが停止します。これが、常にJavaScriptをHTMLドキュメントの最後(閉じる直前)に配置する必要がある理由です。 タグ)、壊れたリンクが含まれている場合に特に重要です.

あなたは壊れたリンクをチェックすることができます WordPressリンク切れチェッカー 無料で.

スピードメーター

CDNと一緒に自動化フロントエンド最適化ソリューションを実装すると、ページを最大4倍高速化できます

ただし、壊れたリンクが壊れたリンクチェッカーで検出されない場合があるため、リンクをチェックする最善の方法は、サーバーログを定期的に確認することです。 404エラーが発生しているURLをスキャンして、原因となっているページを確認し、すぐに修正するためのアクションを実行するために使用できるツールがいくつかあります.

ホットリンクを無効にする

ホットリンクを無効にしない場合は、サーバーでホストされているコンテンツを他のユーザーが自分のWebサイトに使用できるようにします。彼らが実際にあなたのサーバーとあなたのコンテンツを彼らのウェブサイトに使用することを許可することによって、あなたは理由もなく多くのサーバー負荷を得るでしょう.

このため、ホットリンクを無効にして、ユーザーがサーバーリソースを盗むのを防ぐ必要があります。ただし、これを行うには、サーバーに必要なコードを追加する必要があります。適切なコードの生成に役立つツールがいくつかありますが、Webホスティングプロバイダーもこれを支援できます.

惑星

79% EUの上位400のeコマースサイトの 75% 米国の上位2,000のeコマースサイトのうち、認められたCDNを使用していない

ホットリンクには通常、画像やその他のマルチメディアファイルが含まれ、一般に多くの帯域幅を消費します。したがって、画像がほとんどないWebサイトを実行している場合、ホットリンクを無効にしても、実際にはWebサイトの速度には影響しません.

ホットリンクと言えば、無効にするだけでなく、完全に回避する必要があります。誰かのWebサイトにある画像にリンクする代わりに、自分のサーバーに画像をロードします。画像リンクを使用すると帯域幅を大幅に節約できると思うかもしれませんが、リンク先の画像を含むWebサイトが遅くて信頼性が低い場合、実際にはWebサイトの速度が低下する可能性があります。さらに、ダウンタイムやクラッシュが発生する可能性があるため、リンクする前に必ずすべてのイメージを独自のサーバーにロードしてください。.

信頼できるCMSを使用する

コンピューター

のみ 10% 待機時間の割合は、ブラウザリクエストに対するHTML応答と、残りの 90% 遅延の原因は、ページのレンダリング、HTMLの解析、コードスクリプトの実行、埋め込みアセットの取得です。

CMS(コンテンツ管理システム)は、Webサイトの機能とパフォーマンスにとって重要です。使用できる最高で信頼性の高いCMSは間違いなくWordPressですが、DrupalやJoomlaなどの優れたCMSもあります。これらのいずれかをウェブサイトのプラットフォームとして使用する場合、サイトのパフォーマンスに応じて適切に実行します.

ただし、あまり人気のない他のCMSを使用したり、独自に構築したものを使用したりすると、非常に遅いWebサイトが作成されるリスクがあります。これを回避するには、徹底的な調査を行い、信頼性が高く、ニーズに最適なCMSを選択するようにしてください.

CMSに関しても重要なことは、最新の更新を定期的に確認することです。 Webサイトの改善と高速化を目的として、新しいバージョンが常にポップアップしているため、Webサイトのスクリプトが最新であることを確認してください。したがって、定期的にWebサイトのスクリプトをアップグレードしてください。ただし、常に最初にバックアップファイルを用意してください。.

アーカイブ

画像圧縮は、画像サイズと品質の間の慎重なトレードオフである必要があります。 JPGの場合、60〜70%の圧縮で適切なバランスが得られます。 Retinaスクリーンの場合、(JPG)画像サイズを150〜200パーセント増やし、30〜40パーセント圧縮し、必要なサイズに従って再度縮小します。.

データベースを最適化する

データベースの最適化は、Webサイトを高速化するためのもう1つの非常に効果的な方法です。これは、定期的に行う必要があります。特に、データベースの使用に大きく依存するWordPressまたはその他のCMSを使用している場合は特にそうです。.

このようなCMSまたは一部の複雑なプラグインを使用すると、データベース内のデータが増加し、Webサイトが遅くなります。これは、ユーザーデータ、統計、ログを保存するプラグインに特に当てはまります。プラグインは大量のデータストレージを占有する可能性があるためです。あなたがそれを知る前に、あなたのデータベースはあなたのウェブサイトを著しく遅くする可能性があるトラックバック、ピンバック、投稿の改訂、ゴミ箱のアイテム、そして未承認のコメントでいっぱいになります。.

したがって、定期的にデータベースをクリーンアップしますが、必ず最初にファイルをバックアップしてください。データベースをバックアップする前に、データベースで何もしないでください。データベースを最適化するのに役立つ多くのプラグインがあるので、調査を行い、使用するCMSに適したプラグインを見つけてください。.

たとえばWordPressを使用している場合、次のような非常に便利なプラグインを使用してデータベースのクリーニングを自動化できます。 WP-最適化.

結論

速いウェブサイトを持つことは、今日ほど重要ではありませんでした。人々はウェブサイトが超高速であることを期待しており、期待に応えられなかった場合、多くのウェブサイトトラフィックを失い、最終的には忠実なフォロワーや収益を失うリスクがあります。したがって、Webサイトの速度を改善し、群衆から目立つようにして、Webサイトの訪問者にシームレスなエクスペリエンスを提供するようにしてください。.

ウェブサイトの速度を上げる方法は他にも確かにありますが、前述の方法が最も重要で最も効果的です。これらを個別に処理すると、小さな問題のように見えるかもしれませんが、これらを組み合わせると、大きな違いが生まれ、ウェブサイトが大幅にスピードアップすることが保証されます.

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