Как грамотно организовать подгрузку только необходимого css?
Делаю мультилендинг с помощью php.
"Если utm метка такая, то переменные заголовков равны вот этому. Если utm другая, то переменные заголовков равны тому-то". Выкатываю значения переменных в разметку через <?php echo
Слышал про какие-то практики подгрузки только тех свойств css, которые в данный момент необходимы. Проще говоря, зачем мне подгружать всю таблицу стилей, когда можно разбить её на более мелкие и так же через echo по utm подгружать. Сказано-сделано, костыль закодирован, но остаётся острое ощущение того, что:
так уже никто не делает
наверняка есть какое-то готовое решение
хотя с другой стороны, работает же, да и фиг с ним, не такой уж и большой сайт, чтобы трубка лида каскадной таблицей подавилась
Ответы (1 шт):
Если я правильно понял вопрос, то вот решение:
<?php
if (utm == 1) {
echo '<script type="text/javascript" encoding="utf-8">
var css_link = document.createElement('link');
css_link.rel = 'stylesheet';
css_link.type = 'text/css';
css_link.href = "путь_до_файла";
document.head.appendChild(css_link);
</script>';
}
?>