js性能优化 如何更快速加载你的JavaScript页面
摘要:JavaScript现在极其重要。一些网站使用JavaScript来增添魅力;如今的许多Web应用程序依赖它;其中一些甚至是完全用JavaScript编写而成的。我在本文中将指出一些重要的规则,介绍如何使用你的JavaScript、使用哪些工具以及你将从中得到什么好处-确保代码尽量简洁 不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具,只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。 尽量减少DOM访问 使用JavaScript访问DOM元素很容易,代码更容易阅读,...
阅读全文
posted @
2012-03-21 13:43
洞庭湖里的老麻雀
阅读(265)
推荐(0)
WEB性能优化
摘要:1. Serve resources from a consistent URL:使用一个确定的URL来引用资源这个主要是避免不必要的资源重复下载和DNS查询。这种情况主要是当同一个资源(尤其是图片)在几个页面或者几个站点之间重复使用的时候,特别是公司内的各个站点,比如:a.example.com和b.example.com中同时引用了example.png这个图片,所以现在就要把这个图片放在a或者b域名下,而不能既放在a又放在b,这样会造成不必要的重复下载同一个图片,而且也增加了DNS的查询时间,造成性能问题。同时还有一点需要指出的是:相对URL和绝对URL的问题。如果是在同一个站点内,/i
阅读全文
posted @
2012-03-20 10:36
洞庭湖里的老麻雀
阅读(460)
推荐(0)
提高网站速度,分析工具page speed中文教程
摘要:1、网站的加载速度,即用户打开网站的速度,该方面的用户体验是首当其冲的,用户首先打开了网站才能去体验网站的内容,试想一下在网速正常的情况下,一个打开速度很慢的网站如何能够吸引用户,所以网页的加载速度的优化是很重要的。2、页面的设计,即网站的美观度,这就需要网站的美工设计人员能够具备大众审美观,才能吸引住用户。3、内容的质量,即网站提供的内容对用户是否有价值。4、合理的布局,网页的整体布局合理,不会出现杂乱无章的现象,能够合理的引导客户对网站页面的访问。本文所分析的重点是网页的加载速度,其它三个方面的优化可能要贯穿到网站的一个长期发展中,比如内容质量是网站发展中一直要重视的方面。56K猫上网的情
阅读全文
posted @
2012-03-20 10:34
洞庭湖里的老麻雀
阅读(1029)
推荐(0)
IE和Firefox对同一域名进行请求的并发连接数限制
摘要:从Yahoo!关于网站优化的经典14条建议,在V2版中,已经更新到35条了,其中有需要减少请求连接数和减少DNS解析次数,由于在http协议中有对浏览器并发请求连接数的限制,1.1版本中规定了是2个(相关资料可以查看文章的结尾),于是通常的优化网站加载速度的方法是采用多个域名增加浏览器对同一网页的请求并发连接数。如淘宝网的图片会出现在如下众多域名下:img01.taobaocdn.com,mg02.taobaocdn.com,img03.taobaocdn.com 。。。ping一下上述地址,就会发现img01,img03,img04的IP都是:121.14.63.250,说明它们其实都指向了
阅读全文
posted @
2012-03-19 17:57
洞庭湖里的老麻雀
阅读(340)
推荐(0)
并发连接数对浏览器加载速度的测试
摘要:每款浏览器都有自己的默认并发连接数,而且浏览器默认对同一域下的资源,只保持一定的连接数,会阻塞过多的连接,这都会影响到浏览器对网页的加载速度。本文就简单的以不同的并发连接数来测试加载速度。先介绍下一些基本概念,浏览器获取页面显示请求页面的HTML代码,然后分析HTML代码,获取页面的组件(CSS文件、JS文件、图片等)。当然无论获取HTML代码还是组件都可能需要进行DNS解析。其次这些组件一般都是顺序下载的,比如一个CSS文件100KB,一个JS文件1KB,浏览器往往需要下载完CSS文件,再下载JS文件(前提是CSS文件出现在JS文件前),这样网页显示会很慢会一直等待那个100K的CSS文件下
阅读全文
posted @
2012-03-19 17:49
洞庭湖里的老麻雀
阅读(385)
推荐(0)
国外十大网页加载速度分析网站
摘要:大家都知道,等待一个很慢网页加载是网民很不耐烦的事儿。因此,您的网站的性能和加载迅速决定了你做出来的网站浏览者喜欢与否!是一个网站成功的关键所在为了帮助您建立更快的网站,并确定网站的性能瓶颈,你可以考虑以下一些工具整合到您的Web开发过程。用几个这些网站的速度测试工具,让你可以更好地了解网站的速度问题。此外,他们都是免费的,心动就去试试吧~1.Page Speed OnlinePage Speed Online-一个流行的基于Web的适应谷歌Chrome网络开发浏览器的扩展,页面速度-分析根据谷歌里您的网站的性能网络性能最佳效果(一套最佳的前端性能的工具 )。从这个方便的网页工具你可以得到大量
阅读全文
posted @
2012-03-19 17:40
洞庭湖里的老麻雀
阅读(2395)
推荐(0)
你的网站为什么会慢?——用YSlow为你的网站提速
摘要:在前面的文章我翻译的文章中分别从内容、服务器、JavaScript和CSS、图片、Coockies和移动应用等几个方面总结了34条提高网站性能的黄金守则,但是这些守则中,有一些是不常用到的,若非有实力的大型企业很难实现。对于小型网站,比如个人博客等在提高网站性能上可以首先考虑以下13条准则:尽量减少HTTP请求使用内容分发网络(CDN)为文件头指定Expires或Cache-ControlGzip压缩文件内容把样式表置于顶部把脚本置于页面底部避免使用CSS表达式(Expression)使用外部JavaScript和CSS减少DNS查找削减JavaScript和CSS避免跳转剔除重复脚本配置E.
阅读全文
posted @
2012-03-19 17:39
洞庭湖里的老麻雀
阅读(218)
推荐(0)