Performance hit of Inline CSS

时间:2019-07-10 作者:haciawo

我想听听你的意见。内联CSS会影响网站速度性能吗?

因为即使我在主题自定义页面自定义CSS部分中编写了所有自定义CSS,但在一些速度测试中,它仍然检测到内联CSS。

所以换句话说,我的问题是:为了提高网站性能,我是否需要将自定义CSS移动到实际的主题文件中,例如styles1。css?

1 个回复
SO网友:Faye

主题定制页面通常将这些css定制转储到<style></style> 直接在页眉中阻止,这将作为内联样式。一些插件也会将样式放在那里。

无论何时使用第三方插件或主题,都不可避免地会遇到一些内联问题。有一种平衡成本的方法——开发自己的成本值得吗?或者,绩效得分的成本是否足够低,足以抵消这一点?

我认为这会造成多大的伤害取决于不同的地点。我不知道前端用户会注意到像谷歌的lighthouse这样的算法。

如果你觉得好笑,你可以在移动css之前扫描你的网站,然后在你把它放进自己的文件后再扫描,看看它有多大的变化。

相关推荐

消除呈现阻塞CSS?

好吧,所以我真的很难找到一个“全新”的WordPress网站。我不是WordPress开发人员,我只是对HTML、CSS有一些了解,对PHP、Javascript和jQuery有非常基本的了解。目前,我的网站加载速度很慢。我安装了少量插件(仅限基本插件)。我运行了Google加载速度测试,他们建议消除渲染阻塞资源。我看了一下here 我知道我需要做什么。如果我理解正确,我需要根据媒体查询将主样式表分为几个,即一个用于400px以下的屏幕,另一个用于900px以下的屏幕,等等。问题是,我没有一个样式表。这显