jquery第一次加载页面问题

时间:2017-11-26 17:57:40

标签: javascript jquery css

当我第一次加载我的网站时,图像会相互跳跃 但是当我刷新它们时,它看起来正常,因为我需要它。

要查看第一次混合图像的输出相互跳跃使用 CTRL + SHIFT + R

第一次加载网站时,Jquery是否会出现问题? 任何帮助都会得到满足。

1 个答案:

答案 0 :(得分:0)

这不是jQuery问题。这是网络下载问题。通过硬刷新(ctrl + shift + r),您迫使浏览器重新下载CSS资源,这会增加在正确设置页面样式之前的时间。

在这种情况下,有一种可能适合您的前端设计策略。

你有两个部分是"首先是"当您第一次加载页面时。您无需在渲染和绘制这两个部分之前下载外部样式表,而是可以提取" critical" CSS到HTML中的块。

这确保您的CSS不会浪费时间与另一个HTTP请求。有关什么是关键CSS的更多信息,我建议您阅读本文:https://www.smashingmagazine.com/2015/08/understanding-critical-css/#what-is-critical-css