将css类添加到DOM主体的安全且最快捷的方法

我想在DOM的body元素中添加一个类。 对于这么简单的东西,并且body元素本身加载速度很快(至少,我认为它会加载比DOM中埋藏的元素更快的加载),我真的必须等待jQuery Ready事件做这样的事情吗?简单的任务? 我希望在将样式添加到正文时避免“闪烁”效果,因为我将添加不同的CSS样式,这个类在添加时生效。

我可以这样做:

jQuery(window.document).ready(function () { jQuery("body").addClass("home"); }); 

但是有更快,更安全的方式吗? 我不关心它的jQuery还是原生JavaScript

 document.body.className += ' ' + 'home'; 

性能比较className vs classList vs addClass

更新 (根据PSL的评论)

或者对于较新的document.body.classList.add("home");

在打开body标记之后,您可以创建一个脚本标记:

     

唯一的条件是jQuery被加载到head