サポート » 使い方全般 » ブログの表示速度の不具合について

  • 解決済 issy5228

    (@issy5228)


    大変お世話になります。

    私は静岡県在住の 石部勇 と申します。

    突然で恐縮ですがお教え頂きたい点が1つあります。
    (この分野に明るくない私には、これがサーバーにも
    関わるものかもよく分っていないのですが・・))

    それはサイトの表示速度の問題です。

    実は私のブログが1つ不具合を抱えています。
    それはサイトの表示速度の問題です。

    運営中の、オリジナルブログの表示が先般から急に遅くなりました。

    オリジナルブログはワードプレス(さくらのドメイン&キラテン2のテンプレート)
    を利用。→http://issy5228.net/
    記事数はサイドバーと固定記事を除けばまだ70記事程度です。
    動画は使っておらず、画像も多用はしていません。

    左サイドバーとメイン部は1秒足らずで開くのですが、
    ヘッダーと右サイドバーが開くのが
    Google Chromeで20秒(IEでは40秒)
    余り掛かる様になってしまいました。

    ダッシュボードの表示速度は全く問題ありません。

    全体の容量が大きく重くなってきて段々遅くなったなら
    「Head Cleaner」等の高速化用プラグインを
    インストールすべでしょうが、
    上記状況からするとそれは該当しない様に思います。

    あれこれ当たってみて一つ気になったのは、
    ワードプレスのBackWPupのダッシュボードを覘いたら
    「最後のログ」の表で6/17日のジョブの結果が
    「2件のエラー、1件の警告」 となっていた事です。

    但しその後の6/18~今日までのジョブ結果欄はOKです。

    この6/17日は表示の遅さに気付いた時期と
    ほぼ重なります。

    また思い起こすと6/17日は更新記事を途中まで書き、
    急用が生じた為それを中断とし、
    更にそれを削除した覚えがあります。

    操作の際に無意識に余分な所をクリックしてしまった
    可能性は有るかも知れませんが、
    余り妙な画面が表示されてしまった記憶はありません。

    念の為ダッシュボードのテーマ編集で、テンプレートについて
    blog3-theme013: 404 テンプレート (404.php)
    見るとエラー情報が有りました。

    そしてメールを確認したら
    BackWPupから下記の如きエラー通知も届いていました。

    でも浅学の私には、折角のダッシュボードのエラー情報や
    BackWPupからのエラー通知を読んでも、
    具体的に何をどうしたら良いのかが浮かびません。

    或る知人に該ブログにアクセスして貰ったら
    1秒足らずで開けたとの事で、
    読者に見て貰う上では問題なさそうなので
    暫く様子見いいかなと思っていたのですが、
    その後別の知人より
    「先日から急にブログの表示が遅くなったぞ」
    との連絡を受けました。

    やはり何らかの処置を急ぐ必要がありそうです。

    テンプレートの購入先(キラテン2)やサーバー(さくら)にも
    問い合わせましたがまだ回答を得ていません。

    以上の状況において
    初心者の私としてはどんな処置をしたら良いのか、
    その手がかり、ヒント等 頂けたら幸いです。
         
        石部勇(issy5228@ybb.ne.jp) 
              

    【404 テンプレート (404.php)のエラー情報】

    <?php get_header(); ?>
    <body <?php body_class(); ?>>
    <div class=”contents-area”>
    <h1><?php echo bloginfo(‘name’); ?></h1>
    </div>
    <div id=”navi”>
    <div class=”contents-area”>
    <?php get_breadcrumbs(); ?>
    </div></div>
    <!– コンテンツ部トータル –>
    <div id=”main”>
    <div class=”contents-area”>
    <!– サイドコンテンツ(左) –>
    <?php get_sidebar(1); ?>
    <!– サイドコンテンツ(左) –>
    <!– メインコンテンツ(中央) –>
    <div id=”main-contents”>
    <h2>ページが見つかりませんでした – 404エラー -</h2>
    <div class=”contents2″>
    <p>指定したページが見つかりません。
    ページが移動または削除されたか、URLの入力間違いの可能性があります。</p>
    </div></div>
    <!– メインコンテンツ(中央) –>
    <!– サイドコンテンツ(右) –>
    <?php get_sidebar(2); ?>
    <!– サイドコンテンツ(右) –>
    </div>
    <!– ↓フッター –>
    <?php get_footer(); ?>
    <!– ↑フッター –>
    </div>
    <!– /コンテンツ部トータル –>
    <?php include (TEMPLATEPATH . “/headercont.php”); ?>
    </body>
    </html>
    </div>
    <!– /コンテンツ部トータル –>
    <?php include (TEMPLATEPATH . “/headercont.php”); ?>
    </body>
    </html>

     

    【BackWPuからの「エラー通知」】
    3箇所の≪≫部分が重要らしい

    [情報] BackWPup バージョン 3.1.4; Inpsyde GmbHプロジェクト
    [情報] WordPress バージョン 4.2.2
    [情報] サイトURL: http://issy5228.net/
    [情報] BackWPup ジョブ: Database Backup; DBDUMP+WPPLUGIN
    [情報] BackWPup cron: 0 3 * * *; 次回: 木, 18 6月 2015 @ 03:00
    [情報] WP-CronからBackWPupジョブを起動
    [情報] PHPバージョン: 5.4.40 (64bit); cgi-fcgi; FreeBSD
    [情報] PHPスクリプトの最大実行時間 30 seconds
    [情報]スクリプト再起動時間は、30秒に設定されています。
    [情報] MySQL バージョン:5.5.38-log
    [情報] Webサーバー: Apache/2.2.29
    [情報] curlバージョン: 7.36.0; OpenSSL/0.9.8
    [情報] Tempフォルダ: /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-temp/
    [情報] ログファイル: /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-logs/backwpup_log_2313e8_2015-06-17_03-20-07.html
    [情報] バックアップタイプ: archive
    [情報] バックアップファイル: /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-backups/backwpup_2313e8_2015-06-17_03-20-07.zip
    [17-6月-2015 03:20:07] 1. データベースをバックアップします …
    [情報] BackWPup バージョン 3.1.4; Inpsyde GmbHプロジェクト
    [情報] WordPress バージョン 4.2.2
    [情報] サイトURL: http://issy5228.net/
    [情報] BackWPup ジョブ: Database Backup; DBDUMP+WPPLUGIN
    [情報] BackWPup cron: 0 3 * * *; 次回: 木, 18 6月 2015 @ 03:00
    [情報] WP-CronからBackWPupジョブを起動
    [情報] PHPバージョン: 5.4.40 (64bit); cgi-fcgi; FreeBSD
    [情報] PHPスクリプトの最大実行時間 30 seconds
    [情報]スクリプト再起動時間は、30秒に設定されています。
    [情報] MySQL バージョン:5.5.38-log
    [情報] Webサーバー: Apache/2.2.29
    [情報] curlバージョン: 7.36.0; OpenSSL/0.9.8
    [情報] Tempフォルダ: /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-temp/
    [情報] ログファイル: /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-logs/backwpup_log_2313e8_2015-06-17_03-20-07.html
    [情報] バックアップタイプ: archive
    [情報] バックアップファイル: /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-backups/backwpup_2313e8_2015-06-17_03-20-07.zip
    [17-6月-2015 03:20:07] 1. データベースをバックアップします …
    [17-6月-2015 03:20:07] mysql321.db.sakura.ne.jpのデータベースissy5228_wpdb1に接続
    [17-6月-2015 03:20:07] mysql321.db.sakura.ne.jpのデータベースissy5228_wpdb1に接続
    [17-6月-2015 03:20:07] データベーステーブルのバックアップ “wp55c2ebcbnetpo_ping_optimizer”と”~3394″レコード
    [17-6月-2015 03:20:07] データベーステーブルのバックアップ “wp55c2ebcbnetpo_ping_optimizer”と”~3584″レコード
    [17-6月-2015 03:20:07] データベーステーブルのバックアップ “wp55c2ebcommentmeta”と”~189″レコード
    [17-6月-2015 03:20:07] データベーステーブルのバックアップ “wp55c2ebcomments”と”~57″レコード
    [17-6月-2015 03:20:08] データベーステーブルのバックアップ “wp55c2ebcpd_counter”と”~21514″レコード
    [17-6月-2015 03:20:08] データベーステーブルのバックアップ “wp55c2ebcommentmeta”と”~168″レコード
    [17-6月-2015 03:20:08] データベーステーブルのバックアップ “wp55c2ebcomments”と”~71″レコード
    [17-6月-2015 03:20:08] データベーステーブルのバックアップ “wp55c2ebcpd_counter”と”~21934″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebewwwio_images”と”~65″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2eblinks”と”~0″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2eboptions”と”~206″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebpostmeta”と”~501″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebposts”と”~460″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebewwwio_images”と”~65″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2eblinks”と”~0″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2eboptions”と”~268″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebpostmeta”と”~599″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebterm_relationships”と”~205″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebterm_taxonomy”と”~12″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebterms”と”~12″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebusermeta”と”~36″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebusers”と”~1″レコード
    [17-6月-2015 03:20:09] データベースダンプをバックアップファイルの一覧に追加しました。”issy5228_wpdb1.sql.gz” 1.12 MB
    [17-6月-2015 03:20:09] データベースのバックアップが完了!
    [17-6月-2015 03:20:09] 1. インストール済みのプラグイン一覧ファイルを生成中 …
    [17-6月-2015 03:20:09] バックアップファイルの一覧 1.30 kB プラグイン一覧ファイル”団塊世代が月10万円を狙う情報商材ビジネスの初心者向実況中継.pluginlist.2015-06-17.txt”を追加しました。
    [17-6月-2015 03:20:09] 1. マニフェストファイルを生成 …
    [17-6月-2015 03:20:09] バックアップファイルリストに 6.29 kBのmanifest.jsonファイルを追加しました。
    [17-6月-2015 03:20:09] 1. バックアップアーカイブを作成中…
    [17-6月-2015 03:20:09] ZipArchiveにファイルを圧縮します。これは時間がかかる場合があります。しばらくお待ちください。
    [17-6月-2015 03:20:09] バックアップアーカイブを作成しました。
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebposts”と”~671″レコード
    [17-6月-2015 03:20:09] アーカイブのサイズは1.05 MBです。
    [17-6月-2015 03:20:09] アーカイブのサイズは357.00 B、8個のファイルです。
    [17-6月-2015 03:20:09] 1個のバックアップファイルを削除しました。
    [17-6月-2015 03:20:09] 1個の古いログを削除しました。
    [17-6月-2015 03:20:09] ジョブは2秒で完了しました。
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebterm_relationships”と”~205″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebterm_taxonomy”と”~12″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebterms”と”~12″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebusermeta”と”~36″レコード
    [17-6月-2015 03:20:09] データベーステーブルのバックアップ “wp55c2ebusers”と”~1″レコード
    [17-6月-2015 03:20:09]≪警告: filesize(): stat failed for /home/issy5228/www/blog/wp-content/uploads/backwpup-2313e8-temp/issy5228_wpdb1.sql.gz≫
    [17-6月-2015 03:20:09]≪エラー: MySQLのバックアップファイルが作成されていません
    ≫ [17-6月-2015 03:20:09] 2. データベースをバックアップします …
    [17-6月-2015 03:20:09] mysql321.db.sakura.ne.jpのデータベースissy5228_wpdb1に接続
    [17-6月-2015 03:20:09] データベースダンプをバックアップファイルの一覧に追加しました。”issy5228_wpdb1.sql.gz” 276.00 B
    [17-6月-2015 03:20:09] データベースのバックアップが完了!
    [17-6月-2015 03:20:09] 1. インストール済みのプラグイン一覧ファイルを生成中 …
    [17-6月-2015 03:20:09] バックアップファイルの一覧 1.30 kB プラグイン一覧ファイル”団塊世代が月10万円を狙う情報商材ビジネスの初心者向実況中継.pluginlist.2015-06-17.txt”を追加しました。
    [17-6月-2015 03:20:09] 1. マニフェストファイルを生成 …
    [17-6月-2015 03:20:09] バックアップファイルリストに 6.29 kBのmanifest.jsonファイルを追加しました。
    [17-6月-2015 03:20:09] 1. バックアップアーカイブを作成中…
    [17-6月-2015 03:20:09] ZipArchiveにファイルを圧縮します。これは時間がかかる場合があります。しばらくお待ちください。
    [17-6月-2015 03:20:09] バックアップアーカイブを作成しました。
    [17-6月-2015 03:20:09] アーカイブのサイズは3.42 kBです。
    [17-6月-2015 03:20:09] アーカイブのサイズは357.00 B、8個のファイルです。
    [17-6月-2015 03:20:09]≪エラー: ジョブは2秒でエラー終了しました。エラーを解決する必要があります。≫

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • どのくらいの影響が出るかはサーバーのスペックに左右されるのですが、

    また思い起こすと6/17日は更新記事を途中まで書き、
    急用が生じた為それを中断とし、
    更にそれを削除した覚えがあります。

    これは関係ないとは言い切れません。
    下書きしたものでも、自動保存されますのでデータベースに蓄積されます。
    また、部分的な手直しを重ねると修正前のデータと合わせて重複して保存されていきます。
    ですから、一回書いて一文字も修正しない記事が40件有るのと、
    書きかけで保存したり、書き上げるのに時間がかかったりして4度保存された記事が10件あるのは、同じくらいの負担だと認識しておいていいと思います・・・厳密にはイコールではないですが。

    「先日から急にブログの表示が遅くなったぞ」

    気になってきて、度々アクセスが増えるとリクエストに答えるために負荷がかかります。
    同時アクセスが増えてきたら、対策を立てましょう。
    1秒足らずで開けたと・・・このご友人がアクセスされた時には、WordPressがログインもなく、アクセスしているユーザーがいなかったのかもしれません。
    ご友人のプロバイダと、WordPressの有るサーバーが高速で接続できる間柄だったってことも有るかもしれません。

    試してみましたがWordPress自体の動作は軽快とみてよさそうです。
    AddClips の埋め込みコードを利用されているようですが、どうやらそのJavaScriptがレンダリングをブロックしているようですね……(JavaScriptは同期処理です。普通は対策に実行タイミングを遅らします。)

    きちんと確認したわけではないけれどこれの作者ブログも同様の感じだったから多分そういうことかと。

    トピック投稿者 issy5228

    (@issy5228)

    맹조様 Hinaloe様 貴重なアドバイスを頂きありがとうございます。

    只 この辺に疎い私には
    ・重複した保存
    ・同時アクセス増加
    ・JavaScriptによるレンダリングのブロック
    等が影響したとしても、解決の為に何をどうすべきかが浮かびません。

    もろに超具体的処方箋でなくとも、
    そこまでの辿りかた、糸口・ヒント等
    ご教授頂けたら大変助かります。

    宜しくお願い致します。

    モデレーター Okamoto Hidetaka

    (@hideokamoto)

    >重複した保存
    「リビジョン」とよばれる変更履歴がWordPressでは蓄積されますので、
    ひとまずそれを削除してみてはいかがでしょうか?
    削除用のプラグインも存在します。
    http://www.iscle.com/web-it/wp-revision.html

    また「下書き」「非公開」の記事が大量に存在する様子であればそちらの整理・削除もお勧めします。

    >アクセス数増加
    これはサーバーを強化して頂くのが一番です。
    レンタルサーバーであればサーバーのプラン変更か別レンタルサーバーへの移行になるでしょう。
    アクセス解析でアクセスの集中度合いを確認されると、必要なサーバースペックが見えてくると思います。

    >レンダリングブロック
    「AddClips」を外すのが最速です。
    他のプラグインなどでソーシャルブックマークを実装することを検討してみてください。

    トピック投稿者 issy5228

    (@issy5228)

    Hinaloe様  Okamoto Hidetaka様 アドバイス ありがとうございます。

    本件 下記の如き状況で  また考えあぐねています。

    (1)リビジョン削除用プラグイン導入は早速実施しました。

    (2)レンダリングブロックに関しては、理解不十分なまま、
      今利用中のプラグインの中に「AddClips」という名のプラグインは無いのですが、
      ソーシャルメディアに絡む「WP Social Bookmarking Light」を止めてみました。

    (3)サーバーに関しては、さくらのコントロールパネルで、リソースブーストを有効化してみました。
    サーバーの関連を「さくら」に問い合わせたところ、
    *利用中サーバーに通常運用に支障をきたす継続的過負荷は見受けられない。
     *但しこのアカウントサーバーのコントロールパネルのリソース情報を見ると
      503エラーが頻発しているようだ。 
     との回答が来たからです。

    (1)(2)(3)の後も表示の不具合に変化ありません。 

    ご面倒でしょうが、上記経過から何かヒントが浮かぶ様なら
    ご教示頂きたく宜しくお願い致します。

    尚 こうなったらもう焦らず、
    行動する中で付随して得られるものも含め、
    トラブルシューティングの力量アップの絶好の機会と捉え、
    楽しみながら(多少無理やりに?)じっくり取り組むこととしました。

                           石部勇
       

    ブックマークを表示している部分

    <p><!-- AddClips Code START --><br />
    <script type="text/javascript">// <![CDATA[
    AddClipsUrl    = location.href;   AddClipsTitle  = document.title;   AddClipsId = '1745D8FF2D013';   AddClipsBcolor='#78BE44';   AddClipsNcolor='#D1E9C0';   AddClipsTcolor='#666666';   AddClipsType='1';   AddClipsVerticalAlign='middle';    AddClipsDefault='bookmark';
    // ]]></script><script src="http://js.addclips.org/v2/addclips.js" type="text/javascript" charset="utf-8"></script><br />
    <!-- AddClips Code END --></p>

    ここにAddClipsがあるんですよ。

    トピック投稿者 issy5228

    (@issy5228)

    맹조様 Hinaloe様  Okamoto Hidetaka様 npssl様

    お世話になっています。
    アドバイスをいただき誠にありがとうございます。

    さて本件 何とか一件落着となりそうです。

    どうやら原因は、頂いたご指摘の如く、
    AddClips中のJavaScriptが
    ブログの頁のレンダリングを阻害した事のようです。

    実はこれまで全ての記事の末尾に、
    ソーシャルブックマークボタンを実装する目的で、
    AddClips利用に向けた表記を加えていました。

    そして幾つかの記事からAddClipsを外したら、
    外した記事の表示速度が元に戻りました。

    ブログ開設から何ヶ月もOKだったのが何故急に・・
    という疑問は残りますが、
    兎も角AddClipsを外せば結果オーライでよかったよかった!

    最初のご指摘では「AddClips」をプラグインの名前と
    勘違いしてトンチンカンな動きもしましたが、
    今回記事更新時のコピペの際にやっと
    npsslさんが示されたような「AddClips」の文字に
    気が付いた次第です。

    残り70余りの記事全ての「AddClips」を削った時に
    ダッシュボード→外観→テーマ編集のテンプレートに於いて、
    blog3-theme013: 404 テンプレート (404.php)
    部分からエラー情報消えたら完結と言えますかね。

    因みに、ソーシャルブックマークボタンの実装も
    プラグイン「WP Social Bookmarking Light」
    を導入する事で問題なくいける様です。

    このフォーラムを訪れなかったら、
    きっと今も困り果たままで居ると思います。

    ともあれ皆様のご親切にに感謝感謝です。
    今後とも宜しくお願い致します。

                            石部勇   

    外部のサービスを引いてきて利用すると、自身のサーバー以前に外部のサーバーの動作に左右されます。
    今回の「AddClips」がそうした表示に影響したスクリプトとなったわけです。
    ただ、そういうのが悪いのでなく、サイドバーの上と下や左右の違いでも違ってきますよ。

    ひとまず成功ですね。サイトにアクセスしてみました。安定した表示速度だと思われます。
    https://gtmetrix.com/reports/issy5228.net/s7YzCUUi

    blog3-theme013: 404 テンプレート (404.php)は、404エラーを表示するページなので

    “ページが見つかりませんでした – 404エラー -“
    “指定したページが見つかりません。”
    “ページが移動または削除されたか、URLの入力間違いの可能性があります。”

    という文言が含まれているのは当然というか、必須なんです。

    これを削除してしまうと、404エラーが起きて、404.phpが表示されたとして、全く記事の無いページが表示されてしまいます。何がおきた?、なぜ記事がない?と非常に不親切な状況になります。ターゲットとする読者が段階の世代なら、なおさらでしょうね。

    これでひとまず【解決済み】として頂いて、残るbackwpup エラーに関しては、プラグインのページで新しいスレッドをたててください。

    トピック投稿者 issy5228

    (@issy5228)

    npssl様
    お世話になっています。
    アドバイスをいただき誠にありがとうございます。

    確かに一番困った現象(サイト表示速度低下)は消えましたので。
    ここで【解決済み】報告とさせて頂きます。

    backwpup エラーの件は、
    これもアドバイスに沿い、プラグインの頁で打ち上げてみます。

    情報を寄せて頂いた皆様には本当に感謝致しています。
    今後とも宜しくお願い申し上げます。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック「ブログの表示速度の不具合について」には新たに返信することはできません。