Favicon

не правильный у вас перфекционизм

метатеги в отличии от ява скрипта не нагружают браузер пользователя и не замедляют загрузку страницы

То есть вместо добавления одной строчки  <link rel="icon" type="image/png" href="https://site.ru/favicon.png"> в код надо заморачиваться со скриптами? Ради чего? :)

Ну насколько мне известно, не одна строчка.

<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

Но увеличивают вес страницы. Лишний килобайт при каждой загрузке страницы. А ява-скрипт кэшируется.

Я вообще считаю что пользователю должен отдаваться только изменяющийся контент, всё остальное должно по возможности кэшироваться в браузере пользователя и не гонять трафик.

Одну строчку можно вообще не добавлять. Браузеры и поисковики единственную фавиконку сами находят.

Но если подстраиваться под современные браузеры, то код выше с 13 иконками ещё даже не полон.

Мелкая фавиконка в адресную строку и вкладку ставится скриптом без проблем. Остальные тестировать нужно.

откуда вы взяли килобайт? хтмл кешируется не хуже яваскрипта... зачем вы мне возражаете не понимаю, я написал вам свое мнение на ваш запрос мнения форумчан, все. вся проблема высосана из пальца, явно "для поспорить")) делайте как хотите, не нужно нас убеждать делать через жопу, жизнь и так сложная штука, чтобы еще фавиконки яваскриптом выводить 🤣

totamon, если вы считаете что вам возражать нельзя, то я без проблем это делать не буду. Однако тут вроде как форум и у всех есть своё мнение.

html безусловно кэшируется, но если на сайте более одной страницы, то этот код будет кэшироваться и кэшироваться, увеличивая трафик и засоряя кэш пользователя.

Килобайт я не взял, а померил. Это не сложно.

Проблемы тут конечно нет, я ж сразу сказал что это чистый перфекционизм.  Я крайне не люблю засорять исходный код страниц чем то без крайней необходимости.

Но и не то, что ты написал.

Попробуй для разнообразия задействовать своё перфекционизм для прочистки своей головы. Там немало мусора.

Во первых читай первый ответ от totamon-а до понимания глубины жопы куда хочешь свалиться сам и своих юзеров. (если не поймёшь - можешь переспросить.)

Во вторых узнай о кешировании html.

В третьих узнай о gzip и пр серверному сжатию.

Ну и в четвертых  купи весы и взвесь что обойдется дороже - десяток байт в html или исполнение жабаскрипта чтобы это в ДОМ запихать.

А да, в главных - узнай, что указание фавиконы в коде вообще не обязательно.

Линейку тоже купи правильную. Даже в том, что написано выше меньше кб.  Но в реальности надо достаточно раза в два меньше.

Что ж вы злые то такие? Новичка во мне что ли увидели? Вы или мою мысль понять не можете, или я плохо её доношу. И такое чувство что мне можно основам вас учить.

Всё правильно он написал. Там даже можно добавить. Мы же сейчас не обсуждаем что там на ваш взгляд лишнее. Ваш взгляд стандартом не является.