Insights』という便利なツール(サイト)があります。https://developers.google.com/speed/pagespeed/insights/調べたいウェブサイトのURLを入力すると、読み込み時間を短くするための多くの問題点を検証してくれます。モバイルでの閲覧の場合、読み込み時間が長いとサイトを見てくれないということが多くなると言われています。そんなわけで、サイト運営をする場合に、サイトの読み込み時間も重要な要素となります。その対策に便利なツールです。Insights』を使うと以下のような結果が表示されます。「修正が必要」な箇所の表示だけでなく、100点満点で評価までしてくれます。評価してくれるのは良いのですが、その対処法は素人には少々難しいものが多いので、今回はその中でも簡単な対処法をいくつかご紹介いたします。使用してリソースを圧縮することで、ネットワークで送信されるバイト数を減らすことができます。KB(68%)削減できます。このようなメッセージが出ている場合は、.htaccessに以下のような書き込みをします。application/x-javascriptこれで様々なファイルのdeflateによる「圧縮が有効」になり、転送サイズが減ることによって、サイトの表示が速くなります。ディスクから以前にダウンロードしたリソースを読み込むようになります。このようなメッセージが出てる場合の対策はプラグインでするのが一般的だったようなのですが、どうも問題のあるプラグインがあるようですね。(最悪WordPressのファイルを壊してしまうことがあるようです)ですので、キャッシュ系のプラグインを使う方法はそれぞれのプラグインが何をしているかを細かく検証できる方以外にはあまりお奨めできません(良いプラグインもあるはずなので詳しい方はそちらでも可能なはずです)。ちなみにGoogleで検索するといろいろなキャッシュ系プラグインをお奨めしてるサイトがかかるのですが、更新日や内容が古いものが多いように思いますのでご注意ください。一言に「キャッシュ系」プラグインと言ってますが、方法は多種多様でなかなかに複雑です。プラグインを導入する場合は内容をよく確認してからの方が良さそうです。そこで、こちらもプラグインを使わず、.htaccessに自分で何をどの期間キャッシュするかを書き込むことで対処することにします。days"例えばPNGファイルのキャッシュをするだけの場合は以上で十分です。days"ついでにCSSなんかもキャッシュしたい場合はこのように追加します。例ではCSSファイルのキャッシュ時間を1日に設定していますが、サイト構成を頻繁に変更する場合はこれは入れない方がいいかもしれませんので、このあたりはお好みで。これが原因で、ページのレンダリングに遅延が発生しています。このページでスクロールせずに見えるコンテンツを、以下のリソースによる読み込みを待たずにレンダリングできませんでした。内に直接インライン化してください。Javascripts」という2つのプラグインでいくらかは減らすことができます。Javascripts」ともにデフォルトの設定で問題ないようです。これでJavascriptの問題は多くが解決されるはずです。Evolved」や「Fancybox」の機能が使えなくなると問題が発生しました。これはもうどちらを取るかですね。CSS」はどうも扱いが難しいようで、設定必須のようです。排除してみる)ただ、うちのテーマ「Twentyfourteen」ではダッシュボード系の表示に問題が起こってしまいましたので現在検証中です。テーマや改造具合との相性問題があるようです。高速化SNSでもご購読できます。コメントをキャンセルコメント名前メールアドレス(公開はされません。date*「ひるね部ネットワーク対策室」インターネット・パソコン・iPhone関連のお役立ち情報。WordPressの話も。