Пользовательский шрифт замедляет производительность веб -сайта ⇐ Html

[Anonymous]

Я создаю целевую страницу с HTML, TailWindcss (CDN)/CSS и JS. Поскольку это что -то простое, я решил не использовать какую -либо структуру, такой как NextJS для этого. Однако, когда я реализовал пользовательские шрифты на своем сайте, используя @Font-face , производительность, которая была в 96-98, упала до 75 после этого . Я реализовал предварительное загрузку FONT, но производительность все еще низкая.
Часть моего

Код: Выделить всё

< /code>
@font-face {
font-family: 'title';
font-style: normal;
font-weight: normal;
font-display: swap;
src: local('MarmelatBlack'), url('../assets/fonts/title/MarmelatBlack.woff') format('woff');
font-weight: 900;
}
@font-face {
font-family: 'title';
font-style: normal;
font-weight: normal;
font-display: swap;
src: local('MarmelatMedium'), url('../assets/fonts/title/MarmelatMedium.woff') format('woff');
font-weight: normal;
}

Участие возникает в , точный элемент, который использует Custom Font. PrettyPrint-Override ">

Код: Выделить всё

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Что я могу сделать, чтобы решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/797 ... erformance