こんにちは。
ひさびさの教えてgooです。
javascriptで作られたブログパーツなどを外部サイトから読み込んでいます。
htmlのソースコードに、
AAA
(外部サイトのJavaScript)
BBB
と記述してあった時、
表示が
AAA
のまま、しばらく読み込んだあと、
AAA
BBB
と、だいぶ時間が過ぎた後に表示されます。
(外部サイトの反応が無かった場合)
この、外部サイトの反応がない場合の「ページの表示が遅くなる現象」を回避するにはどうしたら良いでしょうか。
よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんばんは。
#1です。><script type="text/javascript" src="http://xxxx"></script>
これはスクリプトを読込むタグなので、移動してもよいものかどうかは読込まれるスクリプトの内容によりますので、これからでは判断できません。
AAAとBBBの間にソースを生成するようなスクリプトだと、単純に移動すると構成が狂ってしまいますので、うまくないはずです。
>この辺りを出来ましたらもう少し詳しくお願いします~m(_ _)m
↑で移動できない典型的な例が document.write~~ みたいなコードです。
それでも、コードを書き換えれば、同様のことは可能なはずなので、例えばダミーのdivなどを入れておいて、後からそこに要素を生成・追加するとかするようにすれば<script>タグの位置を変えつことも可能と思われます。
(そのためにはコードを書き換える必要があります。)
>JavaScriptを提供している外部サイトは私の管理していないサイトの為、
>引越しなどが出来ません
著作権や使用方法などに制限があるかなどについては不明ですが、jsファイルとして存在しているものなら物理的には引越しが可能なはずですが…(そのままDLできるはず)
サーバサイドのソフト(cgiやphpとか)からスクリプトを生成しているものだと、ファイルとしては存在しないのでちょいと面倒ですが…
(スクリプトタグのsrc指定はjsファイルではないのでしょうか?)
この回答への補足
#1さん、ありがとうございます。
お返事遅くなりました。
> サーバサイドのソフト(cgiやphpとか)からスクリプトを生成してい> るものだと、ファイルとしては存在しないのでちょいと面倒ですが…
(スクリプトタグのsrc指定はjsファイルではないのでしょうか?)
まさにこの通りです。
phpを指定し、phpが動的に生成したjavascriptを実行する形式になっています。
なんとなく分かってきました。
1.サイトの存在を確認する。
2.<script type="text/javascript" src="http://xxxx"></script>を所定の場所に document.write する。
みたいな感じで設計すればよいのでしょうかね…?
No.1
- 回答日時:
スクリプトがその位置でなくてもよいのなら(document.writeなどでなければ)、ソースの最後に移すとか…
document.writeのような内容であるなら、これをロード後に実行するような形に改める。
多分jsのロードに時間がかかっているのでしょうから、通信環境の良いサーバにjsファイルを移動するとか。
あるいは、いっそのこと、内部スクリプトにしてしまうとか・・・(外部の方が良いでしょうけど)
この回答への補足
fujillinさま、さっそくありがとうございます。
こんな感じのJavaScriptです。
AAA
<script type="text/javascript" src="http://xxxx"></script>
BBB
条件1.ブログパーツの表示を行うJavaScriptで、AAAとBBBの間に記述する必要があります。
条件2.JavaScriptを提供している外部サイトは私の管理していないサイトの為、引越しなどが出来ません…(><
> document.writeのような内容であるなら、これをロード後に実行するような形に改める。
この辺りを出来ましたらもう少し詳しくお願いします~m(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- JavaScript JavaScript?jQuery?で書き方を教えてください。 初心者です。 AAAという要素をステ 2 2023/08/04 22:09
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- HTML・CSS 別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Y 1 2023/06/15 08:09
- SQL Server ACCESSで3ファイルを結合して、表を作成するやり方を教えて下さい。 17 2022/08/15 20:34
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- その他(プログラミング・Web制作) WEBアプリ開発に必要な言語 5 2023/06/28 16:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
外部ファイル名を変数で指定で...
-
【Google Apps Script】「ライ...
-
Jquery.PHPファイルのechoが表...
-
外部.jsの内容を一部置き換えて...
-
javascriptとApacheの設定
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
javascriptのalertで文字化けが...
-
外部jsファイルから本体の関数...
-
呼出したjsファイル内で他jsフ...
-
JavaScript内の関数を別のファ...
-
Dreamweaver で 外部JSを読み込...
-
<script src="">読み込まない
-
URLに変数を指定できるのか
-
複数ファイルアップロードはAja...
-
ひとつの外部ファイルに複数の...
-
条件分岐で、読み込む外部スク...
-
外部ファイルでBODYのonloadイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報