
前端优化
文章平均质量分 58
Jasminecjc
想起来了就会十几篇原创博客的搬运,没想起来大半年不更
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
性能缓存
如果同时存在cache-control和Expires怎么办呢?浏览器总是优先使用cache-control,如果没有cache-control才考虑ExpiresETag是Web服务端产生的,然后发给浏览器客户端。浏览器客户端是不用关心Etag是如何产生的。Pragma: no-cache的作用和Cache-Control: no-cache一模一样。 都原创 2016-03-12 22:48:29 · 475 阅读 · 0 评论 -
网站结构优化-慕课网
SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过对网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名,从而把精准用户带到网站,获得免费流量,产生直接销售或品牌推广。内容页优化:热门和相关用来增加链接数目分页写法:注意原创 2016-02-29 14:47:38 · 846 阅读 · 0 评论 -
回流和重绘
回流与重绘1. 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。2. 当render tree中的一些元素需要原创 2016-02-29 14:49:02 · 1187 阅读 · 0 评论 -
页面渲染流程
1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。2. 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式,比如IE会去掉-moz开头的样式,而F原创 2016-02-29 14:49:46 · 599 阅读 · 0 评论 -
让浏览器支持Webp
Webp介绍webp是一种同时提供了有损压缩与无损压缩的图片档案格式 ,衍生自影像编码格式VP8,是由Google在购买On2 Technologies后发展出来,以BSD授权条款释出。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。 WebP最原创 2016-05-26 19:34:09 · 7099 阅读 · 0 评论