
前端性能优化
我就是陈星烨
前端开发
展开
-
重绘和回流repaint/reflow
Reflow(渲染)对于DOM结构中的各个元素都有自己的盒模型,浏览器根据各种样式(浏览器的、开发人员定义的等)来计算,并根据计算结果将元素放到它该出现的位置,这个过程称reflow。reflow会影响到dom的结构渲染,同时会触发repaint,他会改变他本身与所有父辈元素(祖先),这种开销是非常昂贵的,导致性能下降是必然的,页面元素越多效果越明显。Repaint(重绘)当各种盒子的位置、大小以及转载 2017-09-03 11:12:17 · 382 阅读 · 0 评论 -
优化网页性能方法汇总
1、减少HTTP请求次数[点击这里查看](http://blog.youkuaiyun.com/u012657197/article/details/73459941)2、减少DNS查找次数可利用DNS缓存 权衡CDN和DNS查询,利用CDN可减少向服务器发送的cookie数量,却会增加DNS查询负荷,小型网站应该减少DNS查询时间,而像天猫之类的大型网站,因为登录次数较多一般都会有DNS缓存,因此使用C原创 2017-08-14 11:39:21 · 310 阅读 · 0 评论 -
如何减少http请求
如何减少http请求使用雪碧图和img 的usemap;<img usemap="#map1" border=0 src=""> <map name="map1"> <area shape="rect" coords="0,0,31,31" href="javascript:alert('Home')" title="Home"> <area shape=原创 2017-06-19 11:45:11 · 3097 阅读 · 0 评论 -
SEO
SEO为提高网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为,即希望搜索引擎能多收录自己的网站以在别人访问时能排在前面,合理的改良规范网站设计,使网站对用户和搜索引擎都友好TKD(title ,keywords,description)优化,T必须包括K,如网站的功能,服务,不能太长,不要堆砌关键词,D是对title的描述;301重定向页面和404报错页面的重置网站结构层次要少,原创 2017-06-19 11:35:07 · 566 阅读 · 0 评论