在 body 之前发送 head 以尽快加载 CSS 和 JS

2023-12-23

我想知道是否有人找到了一种在渲染中间发送 head 标签的方法,以便在页面渲染完成之前加载 CSS 和 Javascript?我们的页面大约需要 523 毫秒来呈现,并且在收到页面之前不会加载资源。我已经完成了很多 PHP 工作,并且可以在脚本结束之前刷新缓冲区。我尝试添加一个Response.flush()在母版页的末尾page_load,但页面布局随后就被严重破坏了。我见过很多人使用更新面板之后使用 AJAX 发送内容,但我不太知道它会对 SEO 产生什么影响。

如果我找不到解决方案,我想我必须走反向代理路线,并找到一种在页面内容更改时使代理缓存无效的方法。


不要将 Flush 放在代码后面,而是放在 html 页面上,如下所示:

</head>
<%Response.Flush();%>
<body >

这可能会在页面上产生闪烁效果,因此您可以尝试将齐平移至页面下方一点。

也在雅虎提示页面上尽早刷新缓冲区
http://developer.yahoo.com/performance/rules.html http://developer.yahoo.com/performance/rules.html

静态缓存

此外,您还可以在静态内容(例如 css 和 javascript)上添加客户端缓存。此页面包含所有 iis 版本的所有方法。

http://www.iis.net/ConfigReference/system.webServer/staticContent/clientCache http://www.iis.net/ConfigReference/system.webServer/staticContent/clientCache

跟进

在我看到你的页面后,我建议你做的另一件事是将所有 css 和 javascript 分别放在一个文件中。并且还可以使用 minified 来最小化它们。

我用这个缩小版http://www.asp.net/ajaxlibrary/Download.ashx http://www.asp.net/ajaxlibrary/Download.ashx效果非常好并且实时缩小。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 body 之前发送 head 以尽快加载 CSS 和 JS 的相关文章

随机推荐