ネットで稼ぐスキルを身に付けて独立を実現させるネットで稼ぐスキルを身に付けて独立を実現させる輸入やアフィリエイトを実践してネットで収入を稼ぐことで独立を目指します。検索順位を上げるサイトページの表示速度を改善した7つの方法2019年5月8日パソコンやスマホでのブログの表示スピードが遅いと、それだけ離脱率、直帰率を高める原因になってしまいます。GoogleやYahooの検索結果で上位表示して、せっかくユーザーが自分のブログに訪れてくれたとしても、ページが表示されるまでに5秒も10秒もかかってしまったら、すぐに検索結果ページに戻って離脱されてしまいます。椎名ブログを訪れるユーザーはすぐにページを見たいので、そこに時間がかかってしまっては、別のブログやサイトに方に簡単に流れてしまうわけです。ページの表示速度が遅いと結果として滞在時間や直帰率が高くなってしまい、それが原因で検索順位が下がってしまうことも考えられます。ブログやサイトの上位表示を目指すのであればSEOやコンテンツの充実だけに目を向けるのではなく、ページの表示速度もしっかりと改善していくべきです。訪れたユーザーがストレス無くページを表示することができれば、それはユーザービリティの向上にも繋がります。ここでは『WEBサイトのページ表示速度を改善するためのその対策とやり方』について解説していきます。まとめの考察エックスサーバーとワードプレスは簡単に速度アップできるブログを作るのにワードプレスを使っていて、そのブログをエックスサーバーで運営している場合は簡単にブログの表示速度をアップさせることができます。数クリックの作業だけで劇的にスピードアップすることができるので、エックスサーバーとワードプレスを使っている場合は、「サイトページ表示速度の測定と高速化への改善」の設定をしておくべきです。自分で測るんじゃなくて、『ページの表示速度をスコアで評価するツール』を使っていきます。使い方は簡単です!「ウェブページのURLを入力」の部分にブログのURLを入力して「分析」をクリックします。するとこのようにその結果がスコア化されて表示されます。パソコン用の表示とスマホ用の表示で分けて表示されますので、両方共チェックしておきます。今回、ページの表示速度を改善する対象のブログの改善前のスコアはこんな感じでした。椎名なので、このブログにページ表示速度アップ対策をしてみました。ブログはワードプレスで作っています。ワードプレスではプラグインを使うことで簡単に表示速度の改善ができるのでおすすめです。使うことでブログの内の画像を一括で圧縮することができます。画像を圧縮することでページ表示時の画像表示の転送量が減るので、ページの表示が軽くなります。検索してインストールします。インストール後はプラグインを有効化します。左メニューの「メディア」-「一括最適化」をクリックします。「最適化されていない画像をスキャンする」をクリックします。「最適化を開始」をクリックします。画像の最適化処理が開始されます。最適化が完了するまではページを閉じないで、処理が完了するまで暫く待ちます。椎名ちなみに僕の環境では画像1000枚辺り15分くらいでした。(サーバースペックなどで処理時間は変わってきます。)AutoptimizeでHTML、Javascripe、CSSを圧縮プラグイン「Autoptimize」を使うことで、HTML、Javascript、CSSといったファイルを圧縮してページの読み込みを軽くすることができます。これらの圧縮はページ表示速度アップにプラスになりますし、プラグインを使うことで簡単に圧縮できます。検索してインストールします。インストール後はプラグインを有効化します。左メニューの「設定」-「Autoptimize」をクリックします。オプション」の3つにチェックを入れて、「変更を保存」をクリックします。<注意>使っているテンプレートによってはエラーでページが表示されなくなることがあります。オプション」のチェックを外して保存して確認してみてます。JavaScriptの読み込みを後ろにするWEBページの読み込みはHTMLの上部から行われるので、HTMLの記述の最初の方にJavascriptファイルがたくさんあると、その読み込みに時間がかかってしまいページの表示速度が遅くなってしまいます。Javascriptファイルをヘッダー行からフッター行に移動させて、ページの読み込み速度をアップさせます。検索してインストールします。インストール後はプラグインを有効化します。インストールして有効化するだけで設定完了です。Jqueryを削除するワードプレスはデフォルトでJquery.jsファイルを読み込むようになっていますが、実際にはJqueryを使っていないことも多いです。「Jquery.js」の読み込みがページ速度を遅くすることもありますので、もしJqueryを使っていない場合は「Jquery.js」を読み込まないようにします。簡単な確認方法としては、一旦下記の手順で「Jquery.js」を読み込まないようにして、その状態でブログ表示を一通りチェックしてみます。それで問題なければそのままにしておき、どこか表示されなくなっていたら下記の作業前に戻します。);と記述を追加するだけです。※function.phpへの記述にミスがあるとブログが表示されなくなるので、よくわからない場合は編集しないようにしてください。JavascriptファイルとCSSファイルを圧縮する「Autoptimize」で圧縮できないJavascriptファイル、CSSファイルは個別に圧縮ファイル化します。こちらのサイトで簡単にコードを圧縮することができます。CompressorJavascriptファイルを圧縮する場合テキストエリアに圧縮したいJavascriptファイルのコードをコピペで入れて「Javascript」をクリックします。圧縮されたコードをコピーして、元のJavascriotファイルに上書きします。これでJavascriptファイルの圧縮化は完了です。※元のJavascriotファイルに上書きする前にファイルのバックアップを取っておくのが安全です。CSSファイルを圧縮する場合テキストエリアに圧縮したいCSSファイルのコードをコピペで入れて「CSS」をクリックします。圧縮されたコードをコピーして、元のCSSファイルに上書きします。これでCSSファイルの圧縮化は完了です。※元のCSSファイルに上書きする前にファイルのバックアップを取っておくのが安全です。.htaccessで圧縮を有効にするサーバー上にあるHTMLファイル等を圧縮してブラウザに送るようにします。ファイルを圧縮してサーバーからブラウザへ送ることでファイル転送量が減って、その結果ページの表示速度がアップします。public_htmlフォルダ以下(WordPressインストールフォルダ以下)にある「.htaccessファイル」に以下のコードを貼り付けて保存します。font/otf</IfModule>.htaccessでブラウザのキャッシュを有効にするブラウザのキャッシュを有効にすることでページアクセス時にキャッシュファイルを読み込んでページの表示速度をアップします。public_htmlフォルダ以下(WordPressインストールフォルダ以下)にある「.htaccessファイル」に以下のコードを貼り付けて保存します。Tools」でのスコアはモバイルのスコアは「42」パソコンのスコアは「59」でした。Tools」でのスコアは、モバイルのスコアは「88」パソコンのスコアは「86」という結果になりました。モバイル、PCの両方共で30〜40もスコアアップしました。今回実施した対策で、大きくページ表示スピードをアップさせることができましたので、今後直帰率や離脱率の改善にも繋がるはずです。JavaScriptの読み込みを後ろにするの3つです。椎名この3つの対策はワードプレスのプラグインで実施できますので、今回の記事の手順通りに進めればOKです。Jqueryを削除するJavascriptファイルを圧縮するCSSファイルを圧縮する.htaccessで圧縮を有効にする.htaccessでブラウザのキャッシュを有効にするの5つについては、サーバー上のファイルを編集する必要があるので、FTPソフトなどでサーバーに接続しないといけないです。椎名FTPやサーバーのファイルの編集に自信がない場合は、最悪ブログが壊れてしまうこともあるので注意が必要です。今回の対策の中で1番効果があったのは、.htaccessで圧縮を有効にする.htaccessでブラウザのキャッシュを有効にするです。椎名すぐにスコアアップに繋がったので、この2つ特におすすめの対策です!次に効果があったのは、AutoptimizeでHTML、Javascripe、CSSを圧縮です。椎名こちらはプラグインでの簡単設定で実施できますので、ワードプレスを使っていたらやっておいて損はないはずです。ページの表示速度の改善は、そのための対策をするかしないかで大きく変わってきます。それほど手間をかけずに簡単に対策できるものもありますので、もしまだ何も対策していない場合はできるところから対策していきましょう。本日のおすすめ記事アドセンスで稼ぐ方法を知る!それが最も簡単な副業です。仕組みはすごく単純です。ブログなどの自分の媒体を用意します。AM椎名さん、こんにちは。ブログランキングから初めて訪問させて頂きましたあきよしと申します。私はサイトアフィリをしていますが記事を拝見して実際に速度を検証したら赤点でした。><表示速度が遅いとそれだけで離脱の原因になってせっかくのアクセスがもったいないですよね。ページを見させて頂きながらサイトを改善していきたいと思います。役立つ情報をありがとうございました。勉強させて頂きたいと思うので別の記事も拝見していきます。今後とも、よろしくお願いいたします。応援にぽちっとさせて頂きました。コメントをキャンセルご質問&ご感想をお気軽にどうぞ!メールアドレスが公開されることはありません。大アメリカのIT企業で働く傍ら、副業でネットビジネスを開始。ゼロからスタートして、1年半後には月収1000万円を達成。その後、アメリカで会社を設立して独立。現在はアドセンスのスペシャリストとして、コンサルティング、WEBを活用したマネタイズからWEBマーケティング、ツール開発まで日本、アメリカを中心に幅広く活動しています。トップ10Googleアドセンスのやり方と稼ぎ方アドセンスで稼ぐ方法を知る!それが最も簡単な副業です。