发表日期:2017-04 文章编辑:小灯 浏览次数:1007
合并文件,比如把多个css文件合成一个;
CSS Sprites 利用CSS background 相关元素进行背景图绝对定位;
图像地图 (在一个图像上划分不同区域映射不同的链接);
内联图像(使用data:URL scheme 在实际的页面嵌入图像数据);
DNS查询完成之前浏览器不能从这个主机下载任何任何文件。
方法:DNS缓存、将资源分布到恰当数量的主机名,平衡 并行下载和DNS查询 ;
定义:重定向用于将用户从一个url重新路由到另一个url;
损伤:重定向的延迟也很严重,因为它延迟了整个html文档的传输,在html文档到达之前,页面中不会呈现出任何东西,也没有任何组件会被下载,在用户与html文档之间插入重定向延迟了页面中的所有东西;
Ajax页面缓存是ajax处理数据时对一些重复相同数据进行一个缓存操作,这种设计使客户端对一些静态页面内容的请求,比如图片,css文件,js脚本等,变得更加快捷,提高了页面的响应速度,也节省了网络通信资源;
主要的目的是提高页面组件并行下载能力,但不要跨太多域;
iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括script和css的 DOM 元素的创建慢了 1-2 个数量级;
使用 iframe 的页面一般不会包含太多 iframe,所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题:onload 事件以及连接池(connection pool)。
** Iframes 阻塞页面加载**
及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onload 事件 加载延迟后,它给用户的感觉就是这个网页非常慢。
window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的src 可以避免这种阻塞情况。
- 使用CDN ;
内容分发网络(CDN)业务是指利用分布在不同区域的节点服务器群组成流量分配管理网络平台,为用户提供内容的分散存储和高速缓存,并根据网络动态流量和负载状况,将内容分发到快速、稳定的缓存服务器上,提高用户内容的访问响应速度和服务的可用性服务。
能有效减轻网络流量的压力;
属于HTTP协议的一部分,也就是所有的web服务器都应该(也确实能)支持这个特性。它的作用是用一个特殊的字符串来标识某个资源的“版本”,客户端(浏览器)来请求的时候,可以比较,如果ETag一致,则表示该资源并没有修改过,客户端(浏览器)可以使用自己缓存的版本;
XMLHttpRequest POST要两步,而GET只需要一步(注意:在IE上GET能处理的最大url长度是2k);
几个需要补充的地方:
1、“当然,ETag对多数站点性能的影响并不是很大”,应该说ETag在正确使用的情况下,会让大量的请求以304头方式响应,可以相当的节省服务器资源和带宽。
2、对于尽早刷新这点,PHP几乎是做不到的,即使执行了flush以及类似的函数,也要等到请求完全执行之后,才会输出给浏览器端。
3、Ajax使用GET和POST各有好处,GET方式可以更快响应,但是可能会有被浏览器缓存的问题,一般都需要加个随机数来避免,POST方式则不会,so,最好是根据自己的情况分别使用GET和POST 方法;
1、缓存已经访问过的元素;
2、“离线”更新节点,再将它们添加到树中;
3、避免使用JavaScript输出页面布局--应该是CSS的事儿;
- Web前端优化最佳实践最后一部分是针对移动应用的,其实只是针对iPhone的,目前只有两条规则;
日期:2019-09 浏览次数:6137
日期:2019-09 浏览次数:4128
日期:2019-09 浏览次数:4923
日期:2019-09 浏览次数:9940
日期:2019-09 浏览次数:10070
日期:2019-09 浏览次数:3912
日期:2019-09 浏览次数:3527
日期:2019-09 浏览次数:3289
日期:2019-09 浏览次数:3009
日期:2019-09 浏览次数:3462
日期:2019-09 浏览次数:6753
日期:2019-09 浏览次数:3139
日期:2019-09 浏览次数:3631
日期:2019-09 浏览次数:3270
日期:2019-09 浏览次数:3319
日期:2019-09 浏览次数:3594
日期:2019-09 浏览次数:5182
日期:2019-09 浏览次数:2871
日期:2019-09 浏览次数:3939
日期:2019-09 浏览次数:3378
日期:2019-09 浏览次数:3576
日期:2019-09 浏览次数:3590
日期:2019-09 浏览次数:3097
日期:2019-09 浏览次数:3888
日期:2019-09 浏览次数:4996
日期:2019-09 浏览次数:4820
日期:2019-09 浏览次数:3043
日期:2019-09 浏览次数:8371
日期:2019-09 浏览次数:4138
日期:2019-09 浏览次数:3370
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.