Кто-нибудь когда-либо проверял или знает кто-нибудь различия в производительности этих двух разных способов рендеринга одного и того же html-контента (кроме того, что один импортировал библиотеку jquery, а другой нет, и что есть два запроса в версии Ajax против одного)?
Добавить HTML через Ajax
<html>
<head>
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.ajax({
type: "GET",
url: "http://www.mysite.com/events",
success: function(result) {
$("#container").append(result);
}
});
</script>
<body>
<div id="container">
</div>
</body>
</html>
Встроенный HTML
<html>
<head>
<body>
<div id="container">
<!-- events -->
<ol>
<li>
<p>
Event A...
</p>
</li>
</ol>
</div>
</body>
</html>
Какова статистика по этому вопросу, когда бы вы и не использовали бы что-то подобное? Насколько медленнее версия Ajax (скажем, если бы мне нужно было сделать что-то столь же сложное, как домашняя страница Amazon, если предположить, что мне не нужно беспокоиться о путях, так как это будет мое собственное приложение)? Этот вопрос не зависит от лучших практик по удобочитаемости и тому подобное, просто интересует производительность.