用javascript加载css而没有页面的jankiness

Question

在我网站的页面中，我正在使用一系列带有jquery的动画（速度要准确），一切正常。

但是有一个问题：

我希望当某个访问者在他的浏览器上没有启用javascript时，该网站不会自动加载css（我将其修改为与javascript一起使用），并且该网站没有动画图形。

使用javascript加载css我使用此代码：

<script type="text/javascript">
jQuery(document).ready(function($){
     var cssLink = $("<link rel='stylesheet' type='text/css' href='/wp-content/themes/one/css/home.css'>");
     $("head").append(cssLink);
});
 </script>

但现在还有一个问题：

• 一旦我打开网站，一瞬间，你会看到第一页，然后它开始，通过javascript加载css，然后你看到我在第二个css中设置的所有内容（加载了javascript）

如何在使用javascript加载css之前消除这种错误视图？