Q&A
宜しくお願い致します。
あるサイトの<head></head>内にて<script async src="～">といった記述を
多く見かけました。
async属性がページの読み込みを早くする？のは聞いた事があるのですが、
ある転職サイトで下記のような記述が多くありました。
script async src="https://b92.yahoo.co.jp/search/?p=YQ37HU3T3Y&label=duration5sec&ref=https%3A%2F%2Fwww.r-staffing.co.jp%2F&rref=https%3A%2F%2Fwww.google.co.jp%2F&pt.....
ですとか
src="https://b92.yahoo.co.jp/search/?p=YQ37HU3T3Y&label=&ref=https%3A%2F%2Fwww.r-staffing.co.jp%2F&rref=https%3A%2F%2Fwww.google.co.jp%2F&pt=&item=
といったコードがたくさんありました。
自社サイトのページURLをsrcに記載するのは分かるような気がするのですが、
コードの中に「yahoo」とか「google」の記述があるのはなぜでしょうか？
yahooやgoogleで検索をかけた時の読み込みスピードを速くしている？ような意味なのでしょうか？
素人ですみませんが分かるかたいましたら教えて頂けると嬉しいです。
宜しくお願い致します。
回答1件
0
ベストアンサー
src の中身はYDNの広告を表示するスクリプトじゃないかなと思います。
async を指定すると、<script async src="~"> よりも下に記述してあるコードを、スクリプトの読み込み完了を待たずに実行するようになるので、スクリプトの読み込みのたびに処理が止まらずに済み、その結果高速化につながります。
そのため、速くなるからといって何でもかんでも async をつければ良い訳ではなく、例えば jQuery を使う場合に
html
1<script async src="./js/jquery-3.3.1.min.js"</script> 2<script> 3jQuery(function () { 4 jQuery('.hoge').myPlugin(); 5}); 6</script>
のようにしてしまうと、jQuery の読み込みが終わる前に、その下にあるスクリプトが実行されていってしまうので、jQueryなんて定義されてないぞ！とエラーが出てしまいます。
投稿2018/05/22 18:49
総合スコア2161
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/22 20:07