【发布时间】:2021-10-24 22:07:42
【问题描述】:
我在 Chrome 上的页面加载之间出现白色闪烁,这使过渡看起来很笨拙。我已经制作了大多数图像精灵(我可以的),降低图像大小,缩小 CSS,以正确的顺序加载 CSS(我认为),添加到 .htaccess 用于缓存(见下文)并放置尽可能多的 JS尽可能在页脚中(它是在 Wordpress 中构建的,所以一些插件我认为我无法控制它们的加载方式)。有人有想法么?页面加载时间不长,只需刷一下即可。我希望标题不要重新加载,而只是正文(我有 CSS 淡入淡出)淡入淡出。那么文件加载是否会导致 chrome 出现闪烁?我还应该做些什么来优化它?
# BEGIN Expire headers
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 2592000 seconds"
# END Expire headers
【问题讨论】:
-
我没有看到闪光。
-
与您的问题不太相关,但您的交付速度非常慢。静态内容的 724 毫秒渲染时间会产生非常糟糕的搜索页面排名,只是说。
-
@Kay 我想我的问题是否有更多的优化?还有是不是加载文件顺序错误导致的闪退
-
由于您正在加载新页面,因此视图显然会重绘(并且在渲染之前显示的空白基本页面将导致您所指的“闪烁”)。如果您希望标题在页面加载之间保持不变,则必须使用 AJAX 更新您的内容或将内容捕获在 iframe 中。
-
谢谢@tobi。我将研究使用 AJAX 加载页面内容
标签: javascript html css optimization dom-events