【问题标题】:Flash between page loads页面加载之间的 Flash
【发布时间】: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

This is the site. Its after the age verify

【问题讨论】:

  • 我没有看到闪光。
  • 与您的问题不太相关,但您的交付速度非常慢。静态内容的 724 毫秒渲染时间会产生非常糟糕的搜索页面排名,只是说。
  • @Kay 我想我的问题是否有更多的优化?还有是不是加载文件顺序错误导致的闪退
  • 由于您正在加载新页面,因此视图显然会重绘(并且在渲染之前显示的空白基本页面将导致您所指的“闪烁”)。如果您希望标题在页面加载之间保持不变,则必须使用 AJAX 更新您的内容或将内容捕获在 iframe 中。
  • 谢谢@tobi。我将研究使用 AJAX 加载页面内容

标签: javascript html css optimization dom-events


【解决方案1】:

尝试压缩图像 该网站需要很长时间才能加载

【讨论】:

  • 试试这个插件,它帮了我wordpress.org/plugins/wp-super-cache 回复帖子让我们知道这是否是解决方案:)
  • 查看瀑布图,例如Firebug:问题不在于传输的数据太多。页面很慢 b/c PHP 渲染很慢。可能PHP是在CGI模式下使用的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-09-03
  • 1970-01-01
  • 2015-10-08
  • 1970-01-01
  • 1970-01-01
  • 2017-11-10
  • 2013-05-07
相关资源
最近更新 更多