1. ホーム
  2. フォーラム
  3. カスタマイズに関する質問
  4. ページ読み込み
  5. ページ読み込み時の挙動

ページ読み込み時の挙動

このトピックには8件の返信が含まれ、2人の参加者がいます。1 週、 2 日前 キタジマ タカシ さんが最後の更新を行いました。

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #24619

    rockpabro
    参加者

    【お使いの Snow Monkey のバージョン】v5.0.0
    【お使いのブラウザ】Safari chrome
    【当該サイトのURL】https://member.pabro.link/privacy-policy/

     

    各ヘッダメニューボタンを押してページを遷移すると、必ずいったん再読み込みが行われ(当然ですが)、

    ページ全体が一旦上がって、メニューの高さ分位置修正されます。一瞬がくんなってと見えるので、気になるのですが、これは修正方法ございますでしょうか?

    ==

    #24620

    キタジマ タカシ
    キーマスター

    「ヘッダーの高さ分ずらす」という挙動をするためにはどうしても JavaScript で高さの計算をしなければならず、JavaScript を使うということはロードされてから実行される都合上、どうしてもこのような動きになってしまいます。

    対処法としては下記が考えられます。

    – ヘッダー固定をやめる
    – ローディング処理を入れる

    ヘッダー固定レイアウトをやめれば計算処理がなくなるのでガクッとなる挙動はなくなります。

    ローディング処理を入れればロード(処理)が完了した後ページが表示されるので、違和感は緩和されるかと思います。ローディング処理の入れ方は下記にまとめています。

    #24621

    rockpabro
    参加者

    挙動としては同じ原因かもしれないのですがが、ページを遷移すると一瞬だけ、白くなり読み込みを待つ感じなのです。

    #24622

    キタジマ タカシ
    キーマスター

    あ、確かに一瞬画面全体が白くふわっとなりますね。

    ローディング処理はまだ入れられてないですよね?

    JavaScript を無効にするとならないので、もしかしたらお使いのプラグインのいずれかが影響している可能性も考えられます。プラグインを一つずつ無効化していき改善されないか、試してみてもらうことは可能でしょうか?

    #24645

    rockpabro
    参加者

    ローディングは入れてません。

    プラグインですね。やってみます。

    #24654

    rockpabro
    参加者

    自己解決いたしましたので、ご報告です。

    プラグインを全部オフにしましたが、変わらず。

    そこでふとfunction.php にて
    head の中にへのタグ追加の記述をしておったことを思い出しました。いくつかjavascriptとウエブフォントを読み込ませていることに気づき、取り除きました。

    そうしたら治りました。具体的にはモリサワウエブフォントのtypesquare.comのスクリプトを取り除いたら治りました!ご面倒おかけしもうわけありませんでした。

    ちなみに ローディング処理を入れましたが、この時間を短くすることはできるのでしょうか?

    #24706

    キタジマ タカシ
    キーマスター

    TypeSquare でしたか。よく使われているものだと思いますので、使っても白くならないように改善する方法があればいいですね…。

    ちなみに ローディング処理を入れましたが、この時間を短くすることはできるのでしょうか?

    前述したように、このローディング処理は全ての処理が終わると消えるようになっているので、短くするためには描画処理自体を短くしなければなりません。具体的にはサーバーの処理速度をあげたり、不要な処理を取り除いたりすることで短くなる可能性があります。

    サーバーの速度はレンタルサーバーの場合は速いサーバーに移転するくらいしか方法がないかもしれません。不要な処理を取り除く方法については下記が参考になると思います。

    #24764

    rockpabro
    参加者

    なるほどそうですよね。

    >不要な処理を取り除く方法

    ありがとうございます。

    参考になります。

    #24865

    キタジマ タカシ
    キーマスター

    とりあえず当初の問題は解決したということでトピック閉じます!

9件の投稿を表示中 - 1 - 9件目 (全9件中)

トピック「ページ読み込み時の挙動」への新規返信追加は締め切られています。