javascript - 如何延迟在我的主页上加载 Javascript 和 CSS。我可以像 Google 对 Analytics 那样做吗？

Question

我有一个登录屏幕，我希望尽快启动它。我没有在那个屏幕上使用 jQuery，我只有一个我需要的 startup.css 文件。

在第二个屏幕上，我需要 jQuery 和额外的 CSS。

我正在查看以下内容。做这样的事情会不会是延迟加载 jQuery 和 CSS 以减慢第一页加载速度的好方法？使用“现代”浏览器是否有另一种替代方法？

<script type="text/javascript">
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-xxxxx']);
   _gaq.push(['_trackPageview']);
   (function () {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>

Answer 1

我猜很简单。在您的第二个屏幕上 HTML 文件:

<link rel="stylesheet" type="text/css" media="all" href="secondCSS.css" />
<script type='text/javascript' src='secondScript.js'></script>  

但是，我认为这不是一个好主意。这意味着用户将需要下载比需要更多的文件。