idに移動するjsを追加したところ、サイト表示が非常に重くなってしまいました。なるべく仕様は変えずに軽くしたいです。（実アプリのためタイムアウト頻発で焦っております????）

###現在の状況とやりたいこと
https://example.com/events/1#houkoku
といったid付のリンクをクリックすると、

①イベントページのbootstrapの３つのタブの内の１つを開き、
②そのタブの位置までスクロールする
といったことをJSで実装いたしました。

その結果、https://example.com/events/1#houkokuにアクセスが少しでも集中すると、
herokuのリクエストタイムアウト（３０秒）が頻発するようになってしまいました????

タブを開いて、スクロールすること自体はなるべく変えたくないのですが、
ページの読み込みを早くさせる、もしくは実装の問題があればご指摘を頂けないでしょうか？

実アプリで起こってしまっておりまして、各署から怒られており･･･。
教えて頂けますと大変嬉しいです。
どうぞよろしくお願いいたします。

###実装しているJS
####assets/javascripts/events.js

$(function(){
    if (location.hash) {
        var url = window.location.href;
        var activeTab = url.substring(url.indexOf("#") + 1);
        $('a').removeClass("active in");
        $('a[href="#'+ activeTab +'"]').tab('show');
        $("html,body").animate({scrollTop:$('a[href="#'+ activeTab +'"]').offset().top});
        return false;
    }
});

####views/events/event_show.html

<div>
  <ul class="nav nav-tabs">
    <li class="nav-item active">
      <a href="#event_show" class="nav-link active" data-toggle="tab">活動詳細</a>
    </li>
    <li class="nav-item">
      <a href="#event_show_progress" class="nav-link" data-toggle="tab">経過報告</a>
    </li>
    <li class="nav-item">
      <a href="#event_show_comments" class="nav-link" data-toggle="tab">コメント</a>
    </li>
  </ul>
</div>

初心者の質問でご迷惑をお掛け致しまして本当に申し訳ございません。
どうぞお知恵をお貸し頂けますと大変嬉しいです。
どうぞよろしくお願いいたします。

行動規範の内容に同意します

回答1件

その結果、https://example.com/events/1#houkokuにアクセスが少しでも集中すると、

herokuのリクエストタイムアウト（３０秒）が頻発するようになってしまいました????

本当に「その結果」なのでしょうか？

当該のJavaScriptコードに、Herokuへのリクエストを行うコードは含まれていませんので、このJavaScriptがいくら重くてもそれはブラウザ内だけの影響で、Herokuへ影響することは考えづらいです。

「本当にこれが原因だという証拠を掴む」か、それとも「別の部分が影響している」か「単純に増えたリクエストをサーバサイドでさばけていないだけ」なのか、まずは原因を確定させてください。

投稿2021/08/04 05:22

編集2021/08/04 05:23

maisumakun

総合スコア145183

akikko

2021/08/04 05:35 編集

投稿ありがとうございます。はい、もともと「報告」の投稿があった際に、投稿の通知メールがユーザー様に配信されます。そのメールに、上記のようなid付きのリンクが掲載されており、通知メールからアクセスされます。仕様変更前は、https://example.com/events/1　といったidがないリンクを掲載しており、仕様の変更の翌日の通知メール後からherokuからresponseエラーの通知が頻発し始めました。通知メールは毎日同じ時間に配信されるのですが、毎日配信されたときと同じ時間帯がエラー頻発の時間帯ですので、id付リンクが遅延の原因であることはほぼほぼ間違いないと思っております。 heroku側のメモリを増やしても、１リクエストあたりの時間が伸びているだけですので、増えたら増えるだけエラーのリクエストが発生するだけという状況です。そのため、原因としてはその仕様変更以外に考えられないのです･･･。今まではＪＳは後から読み込んだいたものが、id付のリンクなので、全て読み込んでからしかページがロードされないといったことが発生しているのかも知れないと思っているのですが、そういった可能性はないものでしょうか？