Jquery の外部ファイル読み込みの順番について悩んでいます。

コードの書き順が良く分からなく悩んでいます。jqueryの外部ファイル読み込みなどをする際に一番いい読み込みの順番とはどのようになりますでしょうか？　'use strict'; の中にまとめて書いても良いものでしょうか？　ご教授よろしくお願い致します。

jquery
1$(function() {
2 'use strict';
3 
4 $(window).load(function() {
5  //headerや footerの統一された外部ファイル
6  //$(e).laod("../file/header.html")などの処理
7 });
8
9 $(document).ready(function() {
10  //TOPへ戻るなどの後からでも良い処理
11  //on('click',function()...)などの処理
12 });
13
14});

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

回答1件

ベストアンサー

読み込み順とはなにかという定義があいまいですが
非同期処理で複数のファイルを読むのであれば

読み込みが終わったものを順次処理するか
全部をまって処理するか
順番を指定して読み込むか

の3つが候補にあがるでしょう。
非同期処理の考え方からいえば3番目はあまり効率がよいとはいえず
非同期の特性から1番目がベターだとおもいます。

あとは表示したいものの特性次第でしょうね

投稿2019/07/16 00:44

yambejp

総合スコア114843

meka

2019/07/16 09:52 編集

ありがとうございます。ご説明の内容から色々調べましたが、$(window).load(function()..)は画像処理とか以外は特別使わなくてもいいのかなと思いました。また$(function()..)の中で$(document).ready(function()..)を使うのも二重にコードを実行しているような感じがしたので止めました。実のところ、この問題を考え込んでしまった原因がほとんどのブラウザで動くのに何故か古いandroid端末と古いipad-miniでは動かないことから始まりました。なにか思い当たる要因があるようでしたら教えていただきたいのですが...。