<link> 也好,@import 也好,似乎都会受速度限制,用 JS 的话呢?

2010-08-06 18:38:25 +08:00
 rveo
<link rel="stylesheet" type="text/css" /> 和 <style type="text/css">@import "";</style> 应该是最常用的外链样式表的方式了。

可是,如果遭遇到带宽不够,或者什么原因导致网页展开了,而 css 还没 load 完或出错。那么,页面就难看了。

但,如果,将 <style> 放入 JS 调用后 document.write 呢?会不会改善这个出错几率不高但实实在在存在的问题呢?

因为据我所了解的。。 JS 会被强制载入,而且可以多线程后台运行,完全不愁 load 没完成。

<script type="text/javascript" src="css.js"></script>

css.js 内容:

var siteCss = '\
<style type="text/css">\
/* 对于 JS 里,使用多行代码很容易, */\
div, table, tr, td, ul, li { font-size:14px; line-height:14px; font-family:Verdana,'宋体'; table-layout:fixed; } \
</style>\
';
document.writeln ( siteCss );

以上内容已经测试能运行。

但不知道,性能,或,可行性上,是否实用,懂的指点一下?
7053 次点击
所在节点    CSS
27 条回复
rveo
2010-08-07 02:55:12 +08:00
@disinfeqt 不知道才问,才需要 知道的人 给个仔细的说法。难道 V2EX 不接收菜鸟问题?
disinfeqt
2010-08-07 03:02:16 +08:00
@rveo Literally V2EX accepts all kinds of (even naive/stupid) questions.
But definately not those kind of questions that dilapidate people's time/life.
rveo
2010-08-07 03:10:07 +08:00
@disinfeqt 这个现象存在,我才会有这样的疑问。如果你非要这么形容我,我也无可奈何。蛇有蛇道,鼠有鼠路。
Los
2010-08-07 03:30:26 +08:00
@rveo 抱歉,你的title起得实在是缺少美感,挺影响版面的
rveo
2010-08-07 03:35:41 +08:00
@Los 抱歉,无法编辑,而且我写标题时无法衡量字体大小的改变造成的长度问题。
chone
2010-10-05 12:25:24 +08:00
这样做对于性能没有帮助而且理论上渲染开始的时间会更晚,而且不适用于不支持javascript的设备
link标签的外联css会在页面加载的同时被加载
而@import要等到页面加载结束才会被加载
还有lz说的大型网站使用行内css不是因为你说的那个原因,是为了减少页面的request从而提高加载速度
spark
2010-10-05 13:02:38 +08:00
自找麻烦,Sina, 163等也只是因为首页访问量过大才会那么做的,你看一下频道页就知道,你觉得你的网站会比她们高么?

yslow没有要求用js引入css,反倒是js引用位置有所要求

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1415

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX