我创建了一个包含46页的新网站:http://www.lampshade111.com/ 我使用Microsoft Expression Web 4采用动态Web模板。 所有css都嵌入在dwt页面的标题中,并更新到每个单独的网页。 一切看起来都很完美 - 没问题。
但是,我读过的所有内容都建议使用外部样式表。 因此,本着“良好实践”的精神,我从dwt标题中删除了css并使用(链接)外部样式表到dwt。 当然,各个页面都由dwt更新,链接的css文件显示在每个页面上。 同样,一切看起来和以前一样完美。
问题:在使用外部样式表后查看我的网站时,我的浏览器中的网站速度要慢得多。
我有另一个256页的网站,所有的css都嵌入在主dwt的标题内 - 没有外部样式表。 http://www.hoylelamps.com/ 它已经好多年了。
问题: 有没有理由不在dwt的标题中使用css? 这假设比外部样式表更有效(更快)吗? 我找不到关于这个主题的任何信息。
感谢您的帮助? - 吉姆
答案 0 :(得分:1)
我无法想象为什么外部样式表比外部样式表“慢得多”。链接样式表将在加载后立即缓存,不必再次加载。这意味着您加载的第二页和第三页应该更快,除非您在每个页面上使用完全不同的格式。
嵌入式样式表最初会运行得更快,因为只需要加载一个资源。但随着时间的推移,使用嵌入式样式表维护多个页面所需的工作将成为更多的负担。请记住,每次在任何页面中更改一个CSS规则时,您都必须在每个页面中进行更改并再次上载所有这些页面。如果不这样做,您将在整个站点中以不同的方式格式化各个页面。
外部链接样式表排除了此问题。一个样式表,一个要更正和上传的文件。我能想到的唯一能让你的页面加载或响应更慢的事情如下:
没有看到CSS我真的不能给你任何更多的建议。浏览器必须首先加载两个文件这一事实将导致它的运行速度稍慢。但是很难理解为什么整个网站运行得更慢。
以下是一些建议:
首先保留嵌入式样式表可能很容易,但更新和维护带有嵌入式样式表的大型网站会更加繁琐。
希望有所帮助。