随笔分类 - Web前端性能优化
摘要:转载:http://blog.jobbole.com/12151/12306.cn网站挂了,被全国人民骂了。我这两天也在思考这个事,我想以这个事来粗略地和大家讨论一下网站性能的问题。因为仓促,而且完全基于 本人有限的经验和了解,所以,如果有什么问题还请大家一起讨论和指正。(这又是一篇长文,只讨论性能问题,不讨论那些UI,用户体验,或是是否把支付和购 票下单环节分开的功能性的东西)业务任何技术都离不开业务需求,所以,要说明性能问题,首先还是想先说说业务问题。其一,有人可能把这个东西和QQ或是网游相比。但我觉得这两者是不一样的,网游和QQ在线或是登录时访问的更多的是用户自己的数据,而订票系统访问的
阅读全文
摘要:转自:http://www.zhangxinxu.com/wordpress/2012/04/base64-url-image-%E5%9B%BE%E7%89%87-%E9%A1%B5%E9%9D%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/一、base64百科Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息。某人:唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~好吧,我也不喜欢专业术语的解释。你只要知道,base64编码就是长得像下面这样子的代码:thunder://QUFodHR
阅读全文
摘要:转自:http://hi.baidu.com/qianwei1017/blog/item/4247184e33143bd5d1c86a1c.htmlhttp://www.ctusky.com/18/0748/1. 安装 mod_hearders# cd /home/changyou/httpd.2.2.14/modules/metadata/# /usr/local/web/apache/bin/apxs -i -c -a mod_deflate.capxs号令参数申明:-i 此选项默示须要履行安装操纵,以安装一个或多个动态共享对象到办事器的modules目次中-a 主动增长LoadModul
阅读全文
摘要:经过短期的调研,发现不少工具可以做web性能分析工具:大体如下:客户端工具或者插件: Fiddler、 FireBug、 HttpWatch、 HttpAnalyzer、 AolPageTest、 Visual Roundtrip +Microsoft Net Monitor、IBM Page Detailer在线分析网站:(参考:12 个免费在线的 Web 网站性能测试工具 http://www.oschina.net/news/21033/12-free-online-tools-for-website-testing) http://www.webpagetest.org/------.
阅读全文
摘要:最近读过《高性能javascript》,记录如下:PS: 没有什么JS代码会重要到可以影响用户体验的程度1. 由于浏览器在执行js代码时,会阻塞其他资源的下载2. 无阻塞的脚本 * 延迟的脚本(defer) + 并不是理想的跨浏览器解决方案 * 动态脚本元素 + 通过动态创建script元素来获取脚本 * XHR脚本注入 + 通过ajax请求获取js,然后动态创建script元素,并将responseText附加到script中 + 不能跨域PS:推荐学习开源组件LABjs(开源无阻塞脚本加载工具,可以管理不同脚本的依赖关系)3. 数据访问相关问题 *改变作用域链 ** with和t...
阅读全文
摘要:再次学习《高性能网站建设指南》,记录如下:1. 减少http请求 * css Sprites * 合并css和jsPS: 首次访问页面时的响应时间决定着用户是放弃你的网站还是不停地进行回访2. 使用内容发布网络(CDN) 内容发布网络是一组分布在多个不同地理位置的web服务器,用户更加有效的向用户发布内容。CDN用于发布静态内容,如图片、脚本、样式表和Flash。3. 添加Expires头 Web服务器使用expires头告诉web客户端它可以使用一个组件的副本,直到指定时间为止。 一个具有长久Expires头得组件将会被缓存,在后续请求时,浏览器直接从硬盘上读取,避免一个HTTP请求。为了提
阅读全文
摘要:1. 根据HTTP1.1规范,建议浏览器从每个主机名并行地下载两个组件; HTTP1.0可以允许并行下载更多组件 * 这个只是一个建议,浏览器可以自行修改 * 修改CNAME(DNS别名)将组件分别放置到多个主机中可以实现多个请求并行下载(增加并行请求,会增加服务器CPU的占用,反而会降低性能) * 浏览器执行“每个服务端最大连接数”的限制是根据URL上的主机名,而不是解析出来的IP地址 * 划分多少个域需要根据具体需求来权衡!2. 目前ie8+,ff,chrome。。。允许js并行下载 * ie6、7都不支持js并行下载 * js并行下载,同时会阻塞后面其他内容的下载和呈现 * 浏览器遇到s
阅读全文