
前端优化
风~蒲公英
以平常心做事,以平常心待人,以平常心面对生活!
展开
-
CSS加载会造成阻塞吗?
js执行会阻塞DOM树的解析和渲染,css的加载也会阻塞DOM树的解析,但是不会阻塞DOM树的渲染 经过测试: 当css还没加载出来的时候,页面显示白屏,直到css加载完成之后,红色字体才显示出来,也就是说,下面的内容虽然解析了,但是并没有被渲染出来。所以,css加载会阻塞DOM树渲染。 个人对这种机制的评价 其实我觉得,这可能也是浏览器的一种优化机制。因为你加载css的时候,可能会修改下面DOM...原创 2019-08-19 10:47:55 · 253 阅读 · 0 评论 -
关于图片整合的那些知识!
什么是图片整合? 用“background-position”来实现背景图片的定位技术,这种技术可以成为css sprites技术,又称为css精灵。 将导航背景图片,按钮,背景小图标等小图片有规则的合并成一张背景图,即将多张图片合并为一张整图,再利用background属性进行背景定位,用数字精确的定位出背景图片在布局盒子中的位置; 图片整合的优势: 通过图片整合来减少对服务器的请求次数,从而提...原创 2019-08-19 10:52:31 · 313 阅读 · 0 评论