1) для картинок появился новый тег loading=”lazy”
< img loading='lazy' src='image.jpg' alt='...' >
2) Показ всего текста во время загрузки веб-шрифтов
Добавим в файл стилей всего один параметр
font-display: swap;
перед объявлением и снимем блокировку со шрифтов.
В таком случае, посетитель может сразу читать текст в системных шрифтах того же семейства, а шрифты
будут заменены после их загрузки.
3) опция предзагрузки доступна для многих ресурсов: DNS / Style
— и работает через тег rel=”prefetch”
< link rel="prefetch" as="style" href="base.css" >
< link rel="dns-prefetch" href="maps.googleapis.com" >
* если ресурсов не более 10, то просто вносим в них тег