Я строю веб-сайт с использованием шаблонов PHP.Преимущества производительности скрипта и стиля внутри DOM
У меня много внешних CSS-библиотек и таблиц стилей, и они связаны с основным HTML-документом с <link rel="stylesheet">
(как они должны быть).
Я делаю то же самое с внешними скриптами (<script src="...">
).
Есть ли преимущество в объединении всех вышеперечисленных ресурсов в один блок текста и вставка его непосредственно в основной документ с помощью PHP?
Пример:
<html>
<head>
<style>
<?php echo $style; // Huge block of CSS (maybe 300KB) ?>
</style>
</head>
<body>
....
<script>
<?php echo $scripts; // Also pretty big maybe 500KB ?>
</script>
</body>
</html>
Я знаю, что это удалит преимущество кэширования этих ресурсов клиента. Я думаю, однако, что это даст мне преимущество с начальными временами загрузки, поскольку для получения ресурсов требуется меньше подключений.
Будут ли я сталкиваться с узкими местами производительности из DOM?
Любые мысли?
Хотите оптимизировать время загрузки в первый раз, когда пользователь посещает любую страницу вашего сайта, а не оптимизирует все последующие страницы? Или вы хотите оптимизировать среднее время загрузки, когда они просматривают ваш сайт. Обычно люди хотят, чтобы последний говорил, что использует внешние файлы, чтобы вы могли использовать локальное кеширование браузера на разных страницах. Кроме того, новейшая версия HTTP позволяет запрашивать несколько ресурсов параллельно по одному и тому же TCP-соединению. – jfriend00
Я хочу легкость развития. Такая структура позволяет мне добавлять/удалять скрипты со всех страниц (нижний колонтитул и заголовок - это отдельные шаблоны), как я считаю нужным, не вдаваясь в отдельные файлы HTML. – Lev
Я не знаю, почему использование связанных стилей менее прост в разработке. На самом деле, я думаю, что большинство людей думают, что это легче развиваться, потому что проще делиться стилями между страницами. – jfriend00