CSS 性能优化的5个简单方法

一个不时值得注意的该网站耐用性瓶颈发生在解决原因一个系统外观表和随后在网址的文档取向框架中应用 CSS 配置文档。为了加快网址的渲染运动速度并改善最终客户端感受，请慎重考虑以下五个 CSS 耐用性建模长处。

1. 应用于内联外观

如果给定外观数常用单个特定网址表达方式（例如图像滑块或轮播）并且该组件数常用站点中的少数网址，请应用于内联外观而不是非标准载入的 CSS 文档。这不数时会增大外部外观表的大小，还时会增大在不应用于该组件的网址上发生的 CSS 配置文档评量的量。

2. 应用于特定的外观

不用将外观应常用非标准配置文档、数代配置文档和顶级 HTML 表达方式。这样做时会激活许多塞克评量。相反，通过选择越来越细粒度的表达方式（例如单个类外观）来建模 CSS 耐用性。

3. 应用于 WebComponents 建模 CSS

WebComponents 是自包含的，增大了对构建 CSS 和 JaScript 的供给，WebComponents 软件系统是一种相比较新的基于规格的作法，常用创建人可重用组件，其中 JaScript 和外观是自包含和封闭的。当你将组件所需的外观保持一致在在实践中构建的 CSS 文档基本上时，你一定时会看到对站点的其他区域的耐用性影响，因为未应用于的外观软件包时会过分地消耗计时心率。

4. 整合你的 CSS 文档

如果你的许多 CSS 文档是针对特定JaScript或设备定制的，请将这些外观分解为多个 CSS 文档。在运行时，数载入必要的那些。

这个 CSS 耐用性建模长处将需要一些应用程序 JaScript 或服务器端解决原因来完成，但对客户端的效用将值得付出额外的努力工作。

例如，如果漂移和GNOME展现出非同着不尽相同，这可能时会在每种设备类型参谋总长文档取向框架 (DOM) 评量的量增大 50%。

5. 减小 DOM 的大小

常用整合 CSS 文档的长处也可常用减小 DOM 的大小。

另一个 CSS 耐用性建模长处像是将 CSS 文档整合为多个特定于设备的文档。相反，你还可以缩小网址本身的大小，增大 HTML 中 DOM 表达方式的量，从而加快应用程序渲染运动速度。

但是，解决原因 CSS 的原因不数在于需要应常用网址的外观量，还在于单单网址上的 DOM 表达方式量。许多采用响应式设计的当代网址时会在每个网址立即上载入 HTML Linux，以发挥作用漂移和GNOME感受。相反，应用于应用程序 JaScript 甚至服务器端新科技来保证一定时会将多余的 HTML 载入到永远一定时会应用于它的网址上。这可以非同着增大 DOM 大小以及网址需要经过的外观表评量周内。

外观表是当代该网站开发工具最难的朋友，但它们通常时会带来隐密的耐用性成本。遵循这五个 CSS 耐用性建模建议，增大 CSS 配置文档成为该网站耐用性瓶颈的可能性。一切都是往前端转型的大头建议参加Web前端培训来学习前端新科技，有系统时会原则的专业课程，有长处的专业助教面授监督特殊教育，能在短时间内内学有所成。

了解越来越多