{IT168注释}为什么在这个信息时代加载网页如此之快如此重要，以至于如果一个站点加载的时间过长，大多数用户会非常急切地选择关闭它！是什么让整晚辛勤工作的程序员感觉糟糕，不管这个网站有多强大，用户根本不会。然后，程序员可能会被解雇。

了解前端开发的程序员知道影响网站性能的因素很多，比如HTTP请求的数量、代码膨胀、媒体文件太多等等。SS网站。

TestMyCSS是一个免费的在线优化工具，具有许多功能。它可以用来检查代码冗余、验证错误、未使用的CSS和搜索更佳实践。程序员可以通过将CSS文件输入站点来立即开始使用站点，并且TestMyCSS可以发现所有需要的只有这样，程序员才能看到一些有用的提示：

StyleLint是一个强大的CSS链接器，它可以与PostCSS（一个开发工具）一起编写更新的CSS，一个通过代码捕获潜在错误的程序。

CSS触发器提供在线页面解析参考，允许程序员查看哪些CSS属性触发重绘和组合，但不触发布局，这是浏览器在呈现网页时的执行过程。

组合是浏览器可以执行的更便宜的操作。如果您的CSS动画代码反复触发组合和重绘的属性，则很难使用60fps（每秒帧）作为平滑网络动画的关键数字。

在使用CSS渲染页面的关键路径时，使用紧凑、结构良好的样式表文档非常重要。换句话说，默认的浏览器页面渲染过程直到加载、解析和执行样式表时才会停止。网站的加载时间会很长。

Cssnano是PostCSS的CSS优化和分解插件。Cssnano使用格式良好的CSS，通过多次优化确保更终的生产环境尽可能小。



Cr.al是处理前一节提到的CSS关键路径问题的另一个工具。为了获得更佳性能，程序员可能需要考虑将关键CSS直接插入HTML文档中，因为它消除了到关键路径的额外往返……

其思想是找到关键的CSS规则并将它们放在HTML文档的头部。程序员可以同时使用Grunt和Gulp。

这五个工具帮助前端开发人员构建一个快速加载的网站，同时使样式表更加流畅并减少错误，从而促进浏览器加载和解析。缺点。您会选择哪一个

装入，请稍候…