Как использовать атрибут async?

J
На сайте с 13.07.2017
Offline
17
Jqk
1889

Доброго времени суток,уважаемые оптимизаторы!

Возник такой вопрос. Вычитал,что при наличии атрибута async браузер при возможности запускает скрипт асинхронно. Посмотрел у себя в коде и увидел,что он вроде бы там есть, но в другом виде, нежели видел в примере. Как решить данную дилемму?

У меня в коде он прописан так:

s.type = "text/javascript";

s.async = true;

s.src = "https://mc.yandex.ru/metrika/watch.js";

А пример в статье выглядел следующим образом:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>async</title>

<script async src="scripts/async.js"></script>

</head>

<body>

<p>Пример страницы</p>

</body>

</html>

P.S. Прошу не судить строго, если вопрос задан не корректно, т.к. я только начинаю изучать HTML и пытаюсь полученные знания применить в SEO оптимизации. Надеюсь на лояльность с вашей стороны. Заранее спасибо за ответ.

AE
На сайте с 28.08.2007
Offline
121
#1

Jqk, просто забейте на это, оно вам может никогда и не потребуется.

Учите HTML дальше.

Узнай больше о Coca-Cola (https://www.coca-cola.ru/product?ref=17)
S
На сайте с 30.09.2016
Offline
469
#2
Jqk:
Подскажите, куда вообще нужно вставлять данный атрибут?
я только начинаю изучать HTML

Во втором примере в принципе правильно. В первом - тоже правильно, но осознание этого придёт после того, как начнёте изучать javascript.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
CP
На сайте с 12.08.2009
Offline
101
#3

В первом случае вы динамично подгрузили скрипт с атрибутом. Во втором, атрибут вставили прямо в html, вот и вся разница. При динамичной погрузке можно еще использовать:

s.setAttribute("async", "");

А по правильному при динамичной подгрузке этот атрибут по сути и не нужен, просто подгружайте скрипт к примеру с помощью Promise. Ну с Promise аккуратней, лучше использовать polyfill, ибо не все браузеры его поддерживают.

Профессиональный frontend: JS, html,css, Single-Page App (/ru/forum/964386)
S
На сайте с 30.09.2016
Offline
469
#4
Content-pro:
При динамичной погрузке можно еще использовать:
s.setAttribute("async", "");

И чо будет? 🍿

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий