CSS 性能优化的5个比较简单步骤

一个经常正因如此的主页耐用性窘境发生在解决问题诱导外观表和随后在网址的文档对象模型中会应用 CSS 模块。为了进一步提高网址的位图加速并改善最终其他用户玩游戏，再三考虑以下五个 CSS 耐用性最优化技能。

1. 用到解释器外观

如果给定外观极少用以单个特定网址要素（例如图像滑块或轮播）并且该缓冲器极少用以站点中会的少数网址，再三用到解释器外观而不是区别于载入的 CSS 文档。这不极少亦会增大直接外观表的微小，还亦会增大在不用到该缓冲器的网址上发生的 CSS 模块分析报告的存量。

2. 用到特定的外观

不要将外观应用以区别于模块、后代模块和顶级 HTML 要素。这样做亦会触发许多巴尔分析报告。无论如何，通过考虑更细粒度的要素（例如单个类外观）来最优化 CSS 耐用性。

3. 用到 WebComponents 最优化 CSS

WebComponents 是自涵盖的，增大了对共享 CSS 和 JavaScript 的生产力，WebComponents 框架是一种相对较新的基于标准的方法，用以成立可委以重任缓冲器，其中会 JavaScript 和外观是自涵盖和隔离的。当你将缓冲器所需的外观保留在全局共享的 CSS 文档之外时，你不亦会看到对站点的其他区域的耐用性影响，因为未用到的外观应用程序亦会能避免地消耗同步周期。

4. 拆建分你的 CSS 文档

如果你的许多 CSS 文档是针对特定HTML或电源自带的，再三将这些外观分解为多个 CSS 文档。在运行时，极少载入必要的那些。

这个 CSS 耐用性最优化技能将需要一些IP JavaScript 或服务器口解决问题来进行，但对其他用户的某种程度将值得付出额外的努力。

例如，如果移动和桌面描绘出显着不同，这可能亦会在每种电源类型上将文档对象模型 (DOM) 分析报告的存量增大 50%。

5. 缩小 DOM 的微小

用以拆建分 CSS 文档的技能也可用以缩小 DOM 的微小。

另一个 CSS 耐用性最优化技能类似于将 CSS 文档拆建分为多个特定于电源的文档。无论如何，你还可以增大网址本身的微小，增大 HTML 中会 DOM 要素的存量，从而进一步提高IP位图加速。

但是，解决问题 CSS 的问题不极少在于需要应用以网址的外观存量，还在于实际网址上的 DOM 要素存量。许多采用响应式结构设计的当代网址亦会在每个网址再三求上载入 HTML 源代码，以意味着移动和桌面玩游戏。无论如何，用到IP JavaScript 甚至服务器口技术来必要不亦会将如此一来的 HTML 载入到永远不亦会用到它的网址上。这可以显着增大 DOM 微小以及网址需要经过的外观表分析报告次数。

外观表是当代主页JavaScript最好的老朋友，但它们一般来说亦会造成了隐藏的耐用性成本。遵循这五个 CSS 耐用性最优化建议，增大 CSS 模块已是主页耐用性窘境的可能性。想往前口发展的小伙伴建议参与Web前口培训来学习前口技术，有系统规范的教学，有老练的专业讲师面授指导教学，能在短时间内学有所成。