点击上方程序员成长指北, 不能使用超过5个web字体import 禁止使用
importregex-selectors 禁止使用属性选择器中的正则表达式选择器universal-selector 禁止使用通用选择器*unqualified-attributes 禁止使用不规范的属性选择器zero-units 0后面不要加单位overqualified-elements 使用相邻选择器时,不要使用不必要的选择器shorthand 简写样式属性duplicate-background-images相同的url在样式表中不超过一次6.减少CSS文档体积移除空的CSS规则(Removeemptyrules)。值为0不需要单位。使用缩写。属性值为浮动小数0.xx,可以省略小数点之前的0。不给h1-h6元素定义过多的样式。7.CSSWillChangeWillChange属性,允许作者提前告知浏览器的默认样式,使用一个专用的属性来通知浏览器留意接下来的变化,从而优化和分配内存。
8.不要使用import使用
import引入CSS会影响浏览器的并行下载。使用
import引用的CSS文件只有在引用它的那个CSS文件被下载、解析之后,浏览器才会知道还有另外一个CSS需要下载,这时才去下载,然后下载后开始解析、构建RenderTree等一系列操作。多个
import会导致下载顺序紊乱。在IE中,import会引发资源文件的下载顺序被打乱,即排列在import后面的JS文件先于import下载,并且打乱甚至破坏import自身的并行下载。9.避免过分回流/重排(Reflow)浏览器重新计算布局位置与大小。
常见的重排元素:
widthheightpaddingmargindisplayborder-widthbordertoppositionfont-sizefloattext-alignoverflow-yfont-weightoverflowleftfont-familyline-heightvertical-alignrightclearwhite-spacebottommin-height10.高效利用