あるサーバーにアップするとjsのプラグインが正しく動作しない

いつもお世話になっております。

今回制作中にまた問題が発生したためご質問させていただきます。
しょうもない事でしたらすいません…

スクロールに連動したアニメーションスクリプト「AOS」というもので
サイトに動きをつけていたのですが、

ローカル上では正しくスクロールに合わせて動いていたのに、
仮環境のサーバーにアップしたら、ローカルとは違ったタイミングで
アニメーションが動作するようになってしまいました。

具体的に言うとスクロールして要素が見えてきたらフェイドインしてほしいのに
2コンテンツくらい早めに動きが始まってしまうといった感じです。
わかりにくくてすいません…。

また、全く同じデータを別サーバーにアップしたところ
そちらのサーバーでは正しく動作しました。

今回ご相談したい事

1：こういったようにサーバーによってプラグインが正しく動かない…といったことは
起きるんでしょうか？

2：またその場合、どこを調整すれば同じような動きになってくれるんでしょうか？

勉強不足で申し訳ございませんがご教授お願い致します。

下記が私が今回構築したデータの一部になります。

index.php
1
2index.php
3
4<html>
5<head>
6	<meta charset="UTF-8">
7	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
8	
9	<title></title>
10	<meta name="Description" content="">
11	<meta name="keyword" content="">
12	
13	<link rel="icon" href="./favicon.ico">
14	<link rel="apple-touch-icon" href="./img/common/webclip.jpg"> 
15　　<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
16	
17	<script src="./js/common/jquery.min.1.9.1.js"></script>
18	<script src="./js/common/jquery.magnific-popup.min.js"></script>
19	<script src="./js/common/jquery.fatNav.min.js"></script>
20    <script src="./js/common/aos.js"></script>
21    <script src="./js/common/common.js"></script>
22	<script src="./js/mv_youtube.js"></script>
23    <script src="./js/index.js"></script>
24
25	<link href="./css/common/reset.css" rel="stylesheet"  media="all">	
26	<link href="./css/common/jquery.fatNav.css" rel="stylesheet"  media="all">	
27	<link href="./css/common/magnific-popup.css" rel="stylesheet"  media="all">
28	<link href="./css/common/aos.css" rel="stylesheet"  media="all">
29	<link href="./css/common/common.css" rel="stylesheet"  media="all">
30	<link href="./css/index.css" rel="stylesheet"  media="all">	
31	
32</head>
33
34<body>
35<div id="wrapper">
36:
37:
38<section data-aos="fade-up" data-aos-duration="800" data-aos-once="true">contents1</section>
39<section data-aos="fade-up" data-aos-duration="800" data-aos-once="true">contents2</section>
40<section data-aos="fade-up" data-aos-duration="800" data-aos-once="true">contents3</section>
41：
42：
43
44</div><!-- #wrapper -->
45		<script>
46			AOS.init({
47				easing: 'ease-out-back',
48				disable: 'mobile'
49			});
50		</script>	
51</body>
52</html>
53

「aos.css」「aos.js」はダウンロード元からダウンロード後、中身を変更しておりません。
その他のCSS、jsともにaosへ干渉していませんでした。

ファイルのアップ漏れありませんでした。
スーパーリロードを何回かしましたが結果同じ状況でした。

chromeのデベロッパーツールでのエラー

www-widgetapi.js:100 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://XXX-XX.com').

AAuE7mBYLy0C9xWohS5ofiGKGS0v2uybhXRrFWp7BOPE:1 GET https://lh3.googleusercontent.com/a-/s24-c/AAuE7mBYLy0C9xWohS5ofiGKGS0v2uybhXRrFWp7BOPE 404

以上になります。
説明不足のところが多々あると思いますので
足りない場合はお手数ですがご連絡いただければ幸いです。

それではどうぞよろしくお願いいたします。

m.ts10806

2019/03/27 21:09

アップロードを忘れたファイルはありませんか？また、ブラウザ開発ツールのコンソールにエラーは出ていませんか？スーパーリロードも試してみてください。

FKM

2019/03/28 00:56

サーバーのスペック、見ているブラウザは同じですか？ javascriptはクライアントサイドなので、利用環境で大きく変動します。

m.ts10806

2019/03/28 01:03

ダウンロードしたファイルではなく「CDN SOURCES」にあるCDN利用した場合どうなるか教えてください(ローカルとサーバー）あと、かなりたくさんのファイルを読み込んでるようなので何が悪さをしているか原因がつかめないと思います。最小構成のミニマムコードで試してみてください。それでも動作が変わらないようであればサーバースペックの問題と言えるかもしれません。

no_title

2019/04/01 10:52

お返事遅れて申し訳ありません。まずサーバーについては私があまり詳しくなく…スペックが同じかどうかわかりませんが、仮環境と本環境では契約しているサーバー会社は違います。見ているブラウザにつきましては同じchromeで見ておりました、

no_title

2019/04/01 11:01

CDN SOURCESでjsとcssを読んだところ理想の動き方をしました。しかし何回かリロードをくりかえすとたまに質問したような動きに戻ってしまいます。ミニマムコードで書いても同じ現象が起きるのでスペックの問題なのでしょうね… ですが、CDN SOURCESを教えて頂きありがとうございました！全く無知でしたので今回の助言で知れてよかったです！