网站前端和后台性能优化23
减少Cookie的大小 Reduce Cookie Size tag：cookie 有多种理由让我们应用HTTP cookie，比如身份验证，或者个性化设置。Cookie中的信息在服务端和浏览器间被放在HTTP头中交换。尽量减少cookie的体积对减少用户获得响应的时间十分重要。 查看Tenni Theurer和Patty Chi的"When the Cookie Crumbles"获取更多信息....
网站前端和后台性能优化22
避免404错误 No 404s tag：内容 一个获得没用的404响应的HTTP请求对于宝贵的HTTP请求资源来说是完全不必要的，而且这样还会减慢用户的体验。 有的网站提供了有帮助的404错误信息，比如"你是否在寻找……？"，这样虽然能提高用户体验，但同样浪费了服务端资源（比如数据库）。尤其不妙的是在请求一个外部的Javascript脚本文件失败时获得的一个404错误，因为这样不但会堵塞并行的下....
网站前端和后台性能优化21
减少Iframe的数量 Minimize the Number of iframes tag：内容 Iframes 能够使HTML文档被插入进父级文档中。首先需要明确iframe的工作方式，才能有效的利用这一形式。 iframe的优点： 对于第三方内容，比如广告，能够在不影响父级设计的情况下快捷插入。 提供安全沙箱，不影响父级。 能够并行下载脚本。 iframe的缺点： 即使是空的也会有消...
网站前端和后台性能优化20
分域部署部件：Split Components Across Domains tag：内容 将部件分割能使你获得最大的并行下载效率。但你同时需要注意不使用多于2~4个域名，以避免DNS查询导致的问题。例如，你可以将HTML内容和动态的组建放于 www.example.org域名下，将静态组件分别放于static1.example.org和static2.example.org之下。 查看Tenn....
网站前端和后台性能优化19
减小DOM元素的数量 (Reduce the Number of DOM Elements) tag:content 复杂的页面意味着更多的字节需要被下载而且也意味着在JavaScript中遍历DOM更慢。比如你在页面中添加一个事件，让它在500或者 5000个DOM元素中循环，它们的效率是不同的。 更多的DOM元素表明有些标签需要被改良而并不一定需要移除实际内容。你是否为了布局而使用繁琐 的网....
网站前端和后台性能优化18
预先加载组件 (Preload Components) tag:content 预加载看起来和后加载原则是个矛盾，但它其实是为了另外一个目的。预加载组件让你可以利用浏览器的空闲时间来加载之后需要的组件（比如图片，样式表和脚本）。这样当用户浏览下一个页面的时候，大部分组件都已经在缓存里了而页面会加载的更快。 有几种预加载的类型： 无条件预加载-当原本内容加载完成时，立刻开始获取一些额外的组件。比.....
网站前端和后台性能优化17
后加载组件 (Post-load Components) tag:content 你可以仔细端详下你的页面然后自问：“什么是在页面初始化时必须的？”那么其余的内容和组件可以放在后面。 JavaScript是理想的用来分割onload事件之前和之后的选择。例如你有执行拖放、下拉和动画的JavaScript代码和菜单，它们可以稍后加载，因为用户在初始呈现之后才会在页面上拖动元素。其他的可以被后加载的....
网站前端和后台性能优化16
在Ajax请求中使用GET方法 (Use GET for AJAX Requests) tag:server Yahoo! Mail 团队发现进行XMLHttpRequest的时候，POST方法在浏览器中分两步执行：先发送头部，然后发送数据。所以最好使用只发送一个TCP包（除非你有很多的cookie）的GET方法。IE中URL的最大长度是2000，所以如果你发送超过 2000的数据就不能使用GE....
网站前端和后台性能优化15
更早的刷新缓冲区 (Flush the Buffer Early) tag:server 当用户请求一个页面，服务端会花费200至500毫秒的时间组合HTML页面。在这期间，浏览器会静静等待数据到来。PHP中有flush（）函数，它允许你向浏览器发送部分就绪的HTML响应，这样浏览器可以在服务器处理余下的HTML页面时去获取组件。这样的好处主要在忙碌的后台和轻松的前台间可以看到。 在HEAD后面....
网站前端和后台性能优化14
让Ajax可以缓存 (Make Ajax Cacheable) tag:content Ajax 的好处之一是它能给用户提供瞬间的响应，因为它从服务端异步请求数据。但Ajax不能保证用户在等候那些异步的JavaScript和XML响应返回时什么都不做。在应用程序中，用户是否继续等待取决于Ajax怎样应用。比如，在一个基于Web的Email客户端用户会 等候Ajax返回他们所搜索的邮件信息。记住异....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注