Рубрики
Без рубрики

Рецепты по ускорению сайта

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, то просто вносим в них тег

Добавить комментарий

Ваш адрес email не будет опубликован.