Для создания значков я прошел процесс на этом сайте:
https://realfavicongenerator.net/
На своем сайте WordPress я создал следующий фрагмент в functions.php:
add_action('wp_head', 'favicon_link' );
function favicon_link() {
echo '
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">';
}
Я отрицательно удивлен тем, что все значки загружены. Я ожидал какой-то запасной вариант. Они даже не загружаются одновременно, а один за другим, что занимает 1 секунду, несмотря на их небольшой размер. Могу ли я изменить свой код, чтобы загружать только «правильную» иконку, или повысить производительность другим способом?
![GTmetrix waterfall](https://i.stack.imgur.com/6mGZe.png)