是什么影响页面重绘性能？

Question

我的网页很快加载，但需要花时间在前端进行渲染。

我在页面上有很多JS CSS和图像。

我已经了解了Google PageSpeed的见解以及网络连接等方面。页面很好。

是的，确实提到了在服务器上缩小静态资源（JS / CSS / HTML）。但这会改善页面重绘。

我需要更快的渲染时间。我该如何做到这一点？

Answer 1

csstriggers是Paul Lewis的一个方便参考，列出了影响 paint，layout＆amp ;;的所有css / style规则。复合

Answer 2

Google Developers的建议是：

• 使用高效的CSS选择器
• 避免使用CSS表达式
• 将CSS放入文档头
• 指定图像尺寸
• 指定字符集

Optimize browser rendering

中的详细信息

Chrome开发工具可帮助您进行分析，并在此处查找瓶颈guide和another one。

如果你确实有时间检查网页性能的Crash课程（Fluent 2013），那么它非常有趣且值得每一秒，如果你只想要渲染部分，请看：

• Delivering 60 FPS in the browser
• Critical rendering path