至急：Firefoxブラウザにて初回アクセス時やリロード時の読み込み遅延を解消させたい
解決したいこと
Firefoxブラウザにて初回アクセス時やリロード時の読み込み遅延を解消させたい
発生している問題・エラー
Firefoxブラウザにて初回アクセス時やリロード時の読み込みに時間がかかり、画像やアニメーションの表示が遅い
該当するソースコード
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/modal-video@2.4.8/css/modal-video.min.css"
/>
<link rel="icon" href="assets/img/favicon.svg" />
<link
rel="apple-touch-icon"
href="./assets/img/line_circle.png"
sizes="150x150"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<script
src="https://code.jquery.com/jquery-3.7.1.js"
integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
crossorigin="anonymous"
></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/modal-video@2.4.8/js/jquery-modal-video.min.js"></script>
<script src="assets/js/index.js" defer></script>
<script src="https://www.youtube.com/iframe_api"></script>
</head>
自分で試したこと
Chrome、Edge、Safariでは事象発生せず、Firefoxでのみ遅延している状況で、Firefoxにて左下に「データ転送しています」という表示があることからCDNの読み込みが多いからではないかと考えています。
youtubeとの連携や、パララックスなどの機能は使いたいのでどれかを削除するということは避けたいのですが、こちらの状況を解消させる方法に関して何か知見はございますでしょうか。
初学者のため色々と要領を得ない質問となりますが、ご回答いただけますと幸いです。
0 likes
