摘要: 1、图片懒加载:在页面的未可视区域,可以添加一个滚动条事件,判断图片到浏览器顶端的距离如果小于到低端的距离,优先加载。 2、图片预加载技术:如果为幻灯片,相册等,将当前展示图片的前一张和后一张优先下载。 3、其他技术:如果是css图片,可以使用CSSsprite,SVGsprite,Iconfont 阅读全文
posted @ 2017-02-28 23:36 (f)VV><のblog 阅读(387) 评论(0) 推荐(0) 编辑
摘要: DNS缓存:短时间内多次访问某个网站,在限定时间内,不用多次访问DNS服务器。 CDN缓存:内容分发网络(人们可以在就近的代售点取火车票了,不用非得到火车站去排队) 浏览器缓存:浏览器在用户磁盘上,对最新请求过的文档进行了存储。 服务器缓存:将需要频繁访问的Web页面和对象保存在离用户更近的系统中, 阅读全文
posted @ 2017-02-28 23:12 (f)VV><のblog 阅读(2918) 评论(0) 推荐(0) 编辑
摘要: png-8、png-24、jpeg、gif、svn webp:谷歌开发的一种旨在加快图片加载速度的图片格式。 质量相同的情况下,webp格式的要比jpeg格式的小40%, 并能节省大量的服务器带宽资源和数据空间。(Facebook ebay等知名网站已经开始使用) 阅读全文
posted @ 2017-02-28 22:56 (f)VV><のblog 阅读(319) 评论(0) 推荐(0) 编辑
摘要: src:是source 的缩写,指向外部资源的位置, 请求src资源时,会将其指向的资源下载,嵌入并应用到文档标签处。 用于替换当前元素。 当浏览器解析该元素时,会暂停其他资源的下载和处理。 href:是Hypertext Reference(超文本链接)的缩写,指向网络资源所在位置, 建立和当前元 阅读全文
posted @ 2017-02-28 22:42 (f)VV><のblog 阅读(248) 评论(0) 推荐(0) 编辑
摘要: sessionStorage: 用于本地存储一个会话中的数据(会话级别的存储), 同一个会话中的页面才能访问 当会话结束,数据也随之销毁 localStorage: 持久化的本地存储,除非主动删除数据,否则,数据永远不会过期的 cookies:较上两个Storage,cookies的大小是受到限制的 阅读全文
posted @ 2017-02-28 22:26 (f)VV><のblog 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 网页标准的制定,使得web发展的更健康,提高网站的易用性。 1、开发者遵循统一的标准,降低了开发难度和开发成本 2、SEO优化网页也会更加方便,不会因为滥用代码出现各种bug和安全问题。 阅读全文
posted @ 2017-02-28 22:08 (f)VV><のblog 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 即,多个域名指向一个空间 1、CDN(内容分发网络)缓存更方便 2、突破浏览器并发限制 3、节约cookie带宽 4、节约主域名的连接数,优化页面响应速度 5、防止不必要的安全问题 阅读全文
posted @ 2017-02-28 21:47 (f)VV><のblog 阅读(528) 评论(0) 推荐(0) 编辑