ローディング画面を最初のアクセスだけ実行したい

Question

前提・実現したいこと

webサイトを作成中です。
現在はトップページにアクセスした際にローディング画面を表示した後、
ページの情報を全て読み込んでからjsのonloadを使いローディング画面を消去しています。
トップページの判定は、トップページ用のid属性をもった要素を作り判定しています。

これでローディング画面は実現できているのですが、トップページにアクセスする度にローディング画面が表示されてしまいます。
２回目のアクセスや、クライアントがキャッシュを持っているか判定しローディング画面の表示・非表示を切り替える方法は
ありますでしょうか？
cookieで判定するようにするべきか・・・何か良い方法あればご助言をお願い致します。

該当のソースコード

ソースコード

Answer 1

「最初のアクセス」の定義があいまいなので、定義を適当に推測して、

自サイトを回遊中はトップページにきても表示しないという定義とすると、
document.referrer; で直前のページのURLを取得できますので、それで自サイトから遷移してきたのか、外部サイトから遷移してきたのか判断すればどうでしょう。

とにかくトップページにきた最初の一回のみ表示するということなら、
クッキーに保存しておいて判断することになるでしょう。

Comments

[inunabe]

回答ありがとうございます。
つたない質問で申し訳ないです。
「document.referrer;」という存在をはじめて知りました。
まずこちらを使い作成していきたいと思います。
ありがとうございます。