基于Javascript读取的Cookie的“读取和格式化”页面使得可见延迟

Question

我有一个侧边栏/内容列布局切换器，我用Javascript制作。在包含主要内容列和侧栏列的博客上。

==========Content Column========  ==Sidebar==    
================================  ===========  
================================  ===========  
================================  ===========  
================================  ===========  
================================  ===========  
================================  ===========  
================================  =========== 



==Sidebar==  ==========Content Column========  
===========  ================================  
===========  ================================  
===========  ================================  
===========  ================================  
===========  ================================  
===========  ================================  
===========  ================================  

工作原理：
 用户可以选择一个按钮，它将切换布局以显示页面左侧或右侧的侧边栏。一旦他们点击切换器按钮，我将值保存到使用Javascript的浏览器Cookie中并使用CSS进行切换。这很好用，以便页面不需要重新加载或类似的东西。

现在有问题的部分，一旦页面被重新加载或网站上的其他页面被加载，如果我使用Javascript读取Cookie值，那么页面必须加载然后进行切换，所以有一个延迟切换用户可见的布局，这很俗气。我知道简单的解决方案是使用PHP读取Cookie并将列priotr的相应CSS设置为正在加载的页面。

我的问题是，是否可以阅读Cookie并使用Javascript切换布局位置，但没有任何明显的延迟？或者我必须坚持建立服务器端以避免这种情况吗？

Answer 1

您可以在正文开始呈现页面之前阅读Cookie并编写样式表。