高性能网页开发新20条规则详解（一）.pdfVIP

高性能网页开发新20条规则详解 (一 Yahoo!~推出的20条高性能网页开发规则涵盖了服务器端、cookies、页面内容、JavaScript、CSS、 图片、移动手机应用这七大类别。 ● 文／邹建强 间的、等待页面数据返回的空闲状态， 冲语句会增加一个页面的HTTP请求 用户体验不会很好。此时可以根据页 次数，这无疑是一个矛盾，因此请注 上 篡 量 面内容长短做适当分隔，将先生成的 意本条规则的适用范围，不要滥用它。 页面局部HTML缓冲内容提前发送到 客户端，不必让服务器消耗内存缓冲 二、使用GET方法的AJAX请 完整个庞大的页面内容后再行输出。 求[服务器端] 这种方法有益于处理后端负荷大而前 这个容易理解一些。AJAX经常要 端负荷轻的页面。 用XMLHttpRequest，但是它的POST 在HTML页面的head标签位置后 方法在浏览器中完成需要执行两步： 是清除缓冲的好位置，因为HTML的 首先发送信息头，然后才是发送数据； head标签可以包括CSS和JavaScript 而GET方法只用一个TCP数据包传递 文件，对于浏览器而言获取页面显示 (cookies信息例外)即可，减少了一 与后端服务器处理并行的效果较好。 个步骤，速度会快些。 在PHP中有一个函数flush()，它可以 另外根据HTTP规范，GET方法 发送请求页面的局部HTML代码给浏 就是为获取信息而生的。因此仅在请 览器，以便浏览器能先取得页面已经 求数据而不是发送数据给服务器端存 阅读指导： 生成的部分HTML，同时后端服务器 储时，使用GET方法很有意义。 1。每条规则后会指明是针对上述 继续忙于处理生成页面余下的HTML。 要注意的是，IE中URL允许最大 所说的七大类别中哪个类别的优化。 以下以此函数做个示例： 允许长度是2K，用GET方法发送数据 2．文中提到的一些工具在文后附 时注意2K的这个限制。 ‘ … !一一 CSS，JS一一 注中会提供简要说明。 ／head ； 3。文中经常提到“组件”这个 {!一 注意此处flush()是放在Thead标 } 三、后加载组件 [页面内容] f签位置后面 一 f 词，这个词不同于我们程序开发中常 ?php flush() ? { 使用该方法的意义在于：如果某 提到的组件概念。本文中提到的“组 }body 个页面内容丰富多彩的话，在浏览器 j … !一一 CO．3tent 一一 ) 件”特指嵌在HTML页面中图片、 【 —— ——一 —— 一一 一 一 ～ ——一————