14个优化网站性能提高网站访问速度的技巧

我相信互联网已经成为人们日常生活中不可缺少的一部分。像Ajax、Flex等丰富的客户端应用程序让人们体验到了许多只能在C/S中实现的功能。例如，谷歌的机会已经移动了最基本的办公应用程序。当然，不管多么方便，它也使得页面的速度越来越慢。我做前端开发，在性能方面，根据雅虎的调查，只有5%的后台，和95%的前端一样多，其中88%个可以被优化。

以上是Web2.0页面的生命周期图。工程师生动地说，它分为四个阶段：怀孕、出生、毕业和结婚。如果我们在点击Web链接而不是简单的请求响应时意识到这一过程，我们可以挖掘出许多细节。ULD提高性能。今天，我听了一个关于淘宝淘宝开发团队的网络性能研究的讲座。我觉得很有收获，想在博客上分享一下。

在Firefox中有一个叫做YSLIP的插件，它被集成到Firebug中，你可以很容易地看到你的站点在这些领域的行为。

这是使用YSLAST来评价我网站的西风的结果。不幸的是，只有51个点。哈哈。中国的主要网站的分数不高，只是衡量，新浪和网易是31分。然后雅虎（美国）的分数确实是97分！我们可以看到雅虎在这方面所做的努力。从他们总结的14条规则和他们添加的20条新规则来看，有很多细节我们无法四川做网站真正思考，其中一些甚至被歪曲了。

HTTP请求是昂贵的，并且减少请求的数量自然地增加了网页的速度。常用的方法包括合并CSS、JS（在页面中合并CSS和JS文件）、图像映射和CSS精灵。当然，CSS或JS文件可能因为CSS结构和SHA而被拆分。铃声。阿里巴巴中文站当时还是单独开发的，然后在后台上对JS、CSS进行合并，所以对于浏览器仍然是一个要求，但是开发还是可以恢复到多个，便于管理和重复引用。雅虎甚至建议在CSS上加上JS。RoNT页面应该直接在分页文件中写入，而不是外部引用。因为主页的容量太大，它还可以减少两个请求的数量。事实上，许多国内网关都是这样做的。

另一方面，CSS精灵指的是将页面上的背景图像合并成一块，然后从CSS背景位置属性无法定义的值中提取其背景。淘宝和阿里巴巴中文站现在正在做这件事。EE淘宝和阿里巴巴的背景地图。

http://wwwsCSsjist.com ，这是一个工具站点，自动合并上传的图像并给出相应的背景位置坐标。结果以PNG和GIF格式导出。

老实说，我对CDN了解不多。简单地说，通过向现有的Internet添加新的网络体系结构，可以将网站的内容发布到与用户最接近的缓存服务器，并且通过使用DNS负载平衡技术，可以判断用户的访问源以接近最近的缓存服务器。杭州用户访问杭州附近服务器上的内容，北京用户访问北京附近服务器上的内容。这可以有效地减少网络上的数据传输时间并加快速度。详情请参阅百度百科全书对CDN的解释。雅虎！将静态内容分发到CDN可以将用户的影响时间减少20%以上。