Занимает ли один и тот же файл CSS несколько раз какие-либо проблемы с производительностью?

Question

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

Я в том числе и тот же файл CSS несколько раз в том же DOM (не может не добавлять это как я использую некоторые компоненты):

<link href="style.css" rel="stylesheet" type="text/css"> 

1. Будет ли DOM увеличить размер?
2. Создает ли файл CSS каждый раз при каждом включении?
3. Будет ли это влиять на производительность страницы?

Примечание: Поскольку я использую тот же CSS-файл, он загружается только один раз.

Answer 1

Я думаю, что это добавило бы лишних накладных расходов, потому что, хотя таблица стилей кэширована в вашем браузере, она по-прежнему должна проверять, кэшируется ли она для нескольких включений (если только ваш браузер не объединяет все уникальные таблицы стилей перед извлечением их). Даже при этом я ожидаю, что латентность будет минимальной, но, безусловно, не улучшит производительность. Если вы разделите таблицу стилей на несколько файлов, вы можете получить ощутимую прирост производительности при начальной загрузке из-за одновременных HTTP-соединений, но стоимость обслуживания программного обеспечения этого разделения вряд ли будет стоить того, и она ничего не сделает для вы на последующих загрузках страницы.

Answer 2

Если ваш CSS-файл был однажды отображен и использован, второй импорт CSS не будет использоваться, и я не думаю, что он вызывает какие-либо проблемы. Например:

import css 1 
import css 2 

тогда вы здесь <p class="test"> и это test только принимать один раз по этой метке от импорта CSS 1 и импорта CSS 2 будут импортированы только и не используется. В этом смысле, я бы сказал, это только накладные расходы и ест небольшое количество времени для загрузки файла. Я не вижу здесь дальнейших проблем.