Предварительная загрузка скриптов и стилей
<link href="/hostcmsfiles/jquery/jquery.min.js" rel="preload" as="script">
<link href="/hostcmsfiles/jquery/jquery.min.css" rel="preload" as="css">Атрибут async
Async используется для того, чтобы указать браузеру, что скрипт может быть выполнен асинхронно.Парсеру HTML нет необходимости останавливаться, когда он достигает тега <script> для загрузки и выполнении. Выполнение может произойти после того, как скрипт будет получен параллельно с разбором документа.
<script async src="script.js">Атрибут defer
Атрибут defer указывает браузеру, что скрипт должен быть выполнен после того, как HTML-документ будет полностью разобран.
<script defer src="script.js">Как и при асинхронной загрузке скриптов — файл может быть загружен, в то время как HTML-документ парсится. Однако, даже если файл скрипта будет полностью загружен ещё до того, как парсер закончит работу, он не будет выполнен до тех пор, пока парсер не отработает до конца.
<img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-bg="{dir}{image_large}" alt="{name}"/>