常见的性能优化术语
前端性能优化:DNS寻址以及IP解析
url唯一确定存在的页面、图片、方法等
restful
浏览器解析:域名解析成IP进行访问,拉取资源 然后浏览器进行解析
301 302
cookie:首次登陆获取,以后每次请求携带过去验证
session
域名DNS如何解析:
回流:例如一个div的外边距发生改变,那么其实这时候整个render树都改变,整个浏览器中的其他元素的位置也会相应的改变。
重绘:例如一个div的背景颜色发生改变,或者字体内容。这种不涉及边距的。
V8是C++写的
SpiderMonkey是C语言实现的
rhino是Java实现的
每个浏览器都有并行下载通道,有的有7个有的有9个,但IE只有两个;所以每一个都很宝贵,一些比较大的图片会占据通道一些时间,可以用同尺寸的小图先占据位置
回流(reflow):指的是页面某个元素的位置或大小等改变而影响到周围其他元素的位置,此时页面回重新渲染render树
重绘:指的是改变元素某些属性而不改变其位置和大小的情况,如颜色,文本内容,可见度等
页面渲染流程
一、域名解析
1、从右往左:www.baidu.com,先解析的是com.后面的. (最外层域名),然后是com,然后到baidu,再到news
域名解析成IP进行跳转
域名解析的时候是从后(com)往前解析的,最先解析的是点儿‘.’
301和302跳转的区别:
URL 统一资源定位符
技术优化出发点
页面优化方案
chorme的了解..
三个不好的习惯:
1.Link->css,尽量减少页面的reflow
2.javascript->js,js绘制dom节点会堵塞其他标签解析、甚至下载、document.write
3.img->图片src,图片加载可以先使用分辨率较低的图片
IP是第三层的,两者相辅相成
TCP是传输协议(处于倒数第4层),IP是网络协议
"news.baidu.com"的解析:
"."——> "com"——>"baidu"的子域名,有就解析"news";没有就到首页
域名解析的时候,先解析的是".",然后到"com"
301的好处:
总服务器可以重定向到离用户最近的服务器或者站点,从而加快加载速度,优化用户体验
301的好处是:
第一, 没有网址规范化问题。
第二, 也很重要的,网页A的PR网页级别会传到网页B。
301,302 都是HTTP状态的编码,都代表着某个URL发生了转移,不同之处在于:
301 redirect: 301 代表永久性转移(Permanently Moved)。
302 redirect: 302 代表暂时性转移(Temporarily Moved )。