我相信互联网已经成为人们日常生活中不可缺少的一部分。AJAX、Flex和其他丰富的客户端应用程序使人们越来越乐于体验只能在C/S中实现的许多功能。例如,谷歌的机会已经移动了最基本的办公室。在互联网上的应用。当然,无论多么方便,它也使得页面的速度越来越慢。它是前端开发,在性能上,根据雅虎的调查,背景只有%,前端高达%,其中%的东西可以OP。定时的。
以上是Web.页面的生命周期图。工程师生动地说,它分为四个阶段:怀孕、出生、毕业和结婚。如果我们在点击Web链接而不是简单的请求-响应的情况下意识到这个过程,我们可以挖掘出很多细节。今天,我听了一个由淘宝兄弟雅虎开发团队进行的关于网络性能研究的讲座。我觉得很有收获,想在博客上分享一下。
在Firefox中有一个叫做YSLIP的插件,它被集成到Firebug中,你可以很容易地看到你的站点在这些领域的行为。
这是使用YSLAST来评价我网站的西风的结果。不幸的是,只有个点。哈哈。中国的主要网站的分数不高,只是衡量,新浪和网易是分。然后雅虎(美国)的分数确实是分!我们可以看到雅虎在这方面所做的努力,从他们总结的条规则来看,现在已经添加了点,有很多细节我们没有真正思考过,有些甚至被歪曲了。
HTTP请求是昂贵的,并且减少请求的数量自然地增加了网页的速度。一种常见的方法是将CSS、JS(在页面中合并CSS和JS文件)和图像映射和CSS精灵合并在一起。当然,CSS或JS文件可能因为CSS结构和SHA而被拆分。然后将阿里巴巴中文站的实践分开开发,然后在后台合并到JS和CSS上,这仍然是浏览器的要求,但是开发仍然可以简化为多个、方便的管理和重复引用。雅虎甚至建议C。首页上的SS和JS应该直接在分页文件中写入,而不是外部引用。因为主页的容量太大,还可以减少两个请求的数量。事实上,许多国内网关都是这样做的。
另一方面,CSS精灵指的是将页面上的背景图像合并成一块,然后从CSS背景位置属性无法定义的值中提取其背景。淘宝和阿里巴巴中文站现在正在做这件事。EE淘宝和阿里巴巴的背景地图。
http://wwwsCSsjist.com ,这是一个工具站点,自动合并上传的图像并给出相应的背景位置坐标,并以PNG和GIF的格式输出结果。
说实话,CDN对自己并不十分熟悉。简单地,通过向现有的Internet添加一层新的网络体系结构,将站点的内容发布到最近的用户的缓存服务器上,通过DNS负载均衡技术,用户源将获得必要的内容来访问缓存服务器。它在杭州上的服务器上的内容,北京访问北京服务器上的内容,这可以有效地减少网络上的数据传输时间并加快速度。更详细的,你可以参考百度百科全书对CDN的解释。雅虎!将静态内容分发到CDN可以将用户的影响时间减少%以上。