请问有哪些前端技术可以提高页面加载速度?

为了提供用户一个友好的用户体验,作为web开发人员首先关心的就是前端页面的加载速度,请问在提高页面加载速度上大家都用到了哪些前端技术?

小白
编辑于2011-11-15
该问题已被保护

保护原因:避免来自新用户不合宜或无意义的致谢、跟帖答案。

评论 (4)链接2011-11-15 
  • 0 支持
    部分答案可以参考 @如何减少http请求数? http://www.dewen.org/q/580 – 冯义军 2012-01-06
  • 0 支持
    通过页面的设置,使用页面缓存 – eiffel_0311 2012-10-29
  • 0 支持
    其他一些常见的,大家都说过了!稍微补充下,看你项目设计,最好是用mvc架构!其次,代码中的注视!!不要过度的使用异步调用,会增加服务器的压力!网站代码的写法要统一等 – 草非凡 2012-12-28
  • 0 支持
    补充一下:对资源文件进行压缩 – 猩猩 2013-01-07

1、css、js、图片等的合并与压缩(减少http请求);
2、避免使用filter;
3、使用css sprites技术;
4、不要在HTML中使用缩放图片;
5、延迟加载部分js、图片等;
6、静态文件使用cdn;

霍小玉
霍小玉
3
编辑于 2012-12-23
该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (13)链接 • 2011-11-15
  • 0 支持
    上面同学说的,通过相对位置引用是有什么好处啊? – ariesjia 2013-04-14
  • 0 支持
    “不要在HTML中使用缩放图片”,请问这是为什么啊?比如我首页调用一篇文章的封面。在频道页又会调用一次这张图片,图片长宽比例一样只是大小缩小了一些,这样会造成什么? – 皇甫英健 2013-04-15
  • 0 支持
    @皇甫英健 个人觉得这样不会造成什么,这种方式虽然增加了复用,但是浪费了额外的带宽。不要缩放图片的意思大概是,能使用小图片的时候就使用小图片,这样减少了带宽增加了加载速度。 – Aeolia 2013-05-01
  • 0 支持
    @maoobo 你要用到那些图的话,那些图的大小省不去的吧。。只不过相当于有多件快递,拿个箱子打包好省钱还是一件一件发过来省钱。 – Aeolia 2013-05-01
显示更多隐藏的评论

随着web应用越来越复杂,提高页面的加载速度,首先编写高效,简洁,冗余低前端代码那是必须地。
大家回答的都很好,同时也可以在下面几方面进行优化:
1. 使用javascript模板类,这里所指的模板并非是一个整页面,而是页面的一个小部件,通过组装的方式形成一个完整页面。
2. 在正确的时间使用正确的Javascript,整理我们的javascript代码,将整个代码分割成模块方便各功能之间彼此调用。同时也可以将javascript下载量降到最低。2个具体应用:
- 一般浏览器基本上都会把js缓存起来,如果你有页面用到的js刚好被缓存就不用再次加载。
- 如果使用的js没有被加载缓存过,只有页面中有相应的功能时时才会加载。
3. 页面导航之间,不刷新页面,javascript一旦被加载,从服务器返回的内容就可以很快被呈现。我们可以做一个全局的事件监听,即锚点点击监听。将页面导航链接的转换为锚点链接的形式,通过异步方式加载要显示的内容。说明:锚点链接最好事先做一个url规范,导航也是有特点的,页面要么是左右,要么上下分栏。关于锚点历史参照:@求Javascript监听浏览器前进后退键改变url hash的方法?
4. 页面局部刷新,网站的应用里有些数据是需要实时性的,这样就可以通过局部刷新的方式来避免整个页面的重复刷新。
5. 使用iframe,加载js最好是使用并行加载,避免直线加载造成阻塞。我们可以使用iframe便签来加载js。加载css可以通过XHR异步方式来代替style标签。

王超
编辑于 2011-11-15
该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (6)链接 • 2011-11-15
  • 0 支持
    @刘剑锋 有没有这样载入的例子可以看一下 – 小菊微紧 2012-12-03
  • 0 支持
    iframe举例确实不错,但是局限性比较大吧 – wangfeng 2013-01-13
  • 1 支持
    很有条理的分析,可以作以后参考。现在最常用的是iframe。 – rouhe_2008 2013-02-07
  • 0 支持
    用js生成script标签貌似就行了的感觉。。。至于css。。。当然可以用js来生成一个link标签。。。
    求iframe的具体实现方式和性能评测。我个人觉得iframe会有点争议。
    页面间导航如果不刷新页面,你就会到一个很尴尬的事情,是说支持history怎么做?记得用pushState吧。
    – liyinkan 2013-05-23
显示更多隐藏的评论

一、使用良好的结构
可扩展 HTML (XHTML) 具有许多优势,但是其缺点也很明显。XHTML 可能使您的页面更加符合标准,但是它大量使用标记(强制性的 <start> 和 <end> 标记),这意味着浏览器要下载更多代码。所以,事情都有两面性,尝试在您的网页中使用较少的 XHTML 代码,以减小页面大小。如果您确实不得不使用 XHTML,试着尽可能对它进行优化。

二、不要使布局超载
坚持简约原则:少即是多。页面中充斥着各种类型的图像、视频、广告等,这大大违背实用性原则。

三、不要使用图像来表示文本
使用图像表示文本的最常见示例就是在导航栏中。美观的按钮更加具有吸引力,但是它们的加载速度很慢。此外,图像仍然不能由搜索引擎直接索引,因此,使用图像进行导航不利于搜索引擎优化(search engine optimization,SEO)。当无需图像就可以通过大量 CSS 技巧创建漂亮的按钮时,绝不使用图像来表示文本。

四、检查cookie使用情况
设置一个较早的 expire 日期或者根本不设置 expire 日期,会缩短响应时间。要在 PHP 语言中设置 cookie 的 expire 日期,使用以下代码:

<?php
$expire = 2592000 + time();
// Add 30 day’s to the current time
setcookie(userid, “123rrw3”, $expire);
?>

这段代码设置 cookie userid,并将 expire 日期设置为自当前日期之后 30 天。

五、不要包含不必要的 JavaScript 代码,尽可能将其外部化
应该明智地使用 JavaScript(仅在真正必要时才使用)并优化脚本的大小和速度。缩短 JavaScript 下载时间的另一种方式是使用外部文件,而不是包含脚本内联。这种方法也适用于 CSS,因为浏览器会缓存外部化的文本,而(在 HTML 页面自身中)以内联方式编码的 CSS 或 JavaScript 每次都会随 HTML 一起加载。

六、尽可能避免使用表格
表格被用作网页的主要构建块,但是作为页面布局元素,使用表格现在被认为是糟糕的做法。有时候,您必须使用表格(并且它们被认为是显示表格数据的出色实践)。如果是这样,明确地指定表格单元格、行和列的宽度和高度,否则,浏览器必须执行许多操作来计算如何显示它们,这会降低页面加载速度。

七、删除任何不必要的元素
可能这是所有技巧中最显而易见的一个,但是它也是最容易忘记的一个技巧。如果您真正需要在网页上放置许多内容,考虑将网页分为 2 个、3 个或更多的独立页面。

八、一些优化网页的技巧
可以使用许多方法来优化您的网页,包括压缩 JavaScript 文件,使用超文本传输协议(Hypertext Transfer Protocol,HTTP)压缩,以及设置图像大小。

九、压缩和缩小 JavaScript 文件
您可以使用 GNU zip (gzip) 来完成此任务,因为许多浏览器都支持这种压缩算法。另一种替代方法是缩小文件。这种方法删除代码中所有不必要的字符,比如制表符(tab)、新行和空格。它删除代码中的注释和空白,进一步缩小文件大小。外部和内部样式表都可以缩小。两种最流行的缩小工具是 JSMin 和 YUI Compressor。

十、使用 HTTP 压缩,并始终使用小写的 div 和类名
可以使用 HTTP 压缩来减少服务器与浏览器之间的通信量。可以在 Apache 中配置 HTTP 压缩(.htaccess 文件),或者可以将其包含到页面中(对于 PHP,可以使用一个 HTTP_ACCEPT_ENCODING 选项)。但是请注意:不是所有浏览器都支持压缩。即使是支持压缩的浏览器,压缩和解压缩都会加重处理器的负载。要在 Apache 中启用地毯式(blanket)压缩(即压缩所有文本和 HTML),使用以下命令:
AddOutputFilterByType DEFLATE text/html text/plain text/xml

另外,考虑一下您想要压缩的内容。图像、音乐和视频在创建时已经进行了压缩,因此您可以将压缩对象限制为 HTML、CSS 和 JavaScript 文件。另一种减少压缩工作的技巧是使用小写形式的 <div> 元素和类名。由于大小写敏感性,并且使用的是无损压缩,<header> 与 <Header> 不同,它们被压缩为两个不同的标记。

十一、设置图像大小
与表格单元格、行和列一样,当您未明确设置图像大小时,浏览器需要执行计算来显示图像,这会降低处理速度。

十二、将 CSS 图像映射用于装饰功能
使用图像映射代替多个图像,这是另一种缩短加载时间的方式,因为同时下载图像的各个独立部分能够加快整个页面的下载进度。或者,您可以使用某种名为 CSS sprites 的工具。CSS sprites 可帮助减少 HTTP 请求的数量。一个图像可以包含装饰或布置页面所需的所有图像元素。您使用 CSS 来选择(通过调用某些位置和维度)用于特定元素的映射。

十三、尽可能延迟脚本加载
一种提升页面下载速度的潜在方式是将脚本放在页面的底部,使页面加载更迅速。通常,浏览器只能(从同一个域)下载不超过两个并行对象,如果一个对象是一段 JavaScript 代码,那么在该脚本下载完之前,其他页面组件的下载将会暂停。如果将 JavaScript 代码放在页面底部,(在大多数情况下)它将在最后下载,这时所有其他组件都已下载完。

十四、按需加载 JavaScript 文件
要按需加载 JavaScript,使用 import() 函数。
import() 函数:
function $import(src){
var scriptElem = document.createElement('script');
scriptElem.setAttribute('src',src);
scriptElem.setAttribute('type','text/javascript');
document.getElementsByTagName('head')[0].appendChild(scriptElem);
}

// import with a random query parameter to avoid caching
function $importNoCache(src){
var ms = new Date().getTime().toString();
var seed = "?" + ms;
$import(src + seed);
}

十五、验证函数加载
也可以验证一个函数是否被加载,如果没有,加载 JavaScript 文件。
验证函数是否被加载:
if (myfunction){
// The function has been loaded
}
else{ // Function has not been loaded yet, so load the javascript.
$import('http://www.yourfastsite.com/myfile.js');
}

注意:可以使用 defer 属性,但不是所有浏览器(包括 Firefox)都支持它。

十六、优化 CSS 文件
如果经过适当优化和维护,CSS 文件不一定很大。例如,具有很多独立类的 CSS 文件会影响下载速度。与 JavaScript 文件一样,您需要优化 CSS 文件,使其包含所需的所有内容,同时保持合理的大小。另外,使用外部文件代替内联定义来适应浏览器的缓存机制。

十七、使用内容分布网络
内容分布网络(Content-distribution network,CDN)是另一种缩短下载时间的好方法。当您将静态图像放在 Internet 上的许多服务器上时,用户能够从离他们最近的服务器下载这些图像。此外,大多数 CDN 都在快速服务器上运行,因此无论服务器的加载速度如何,其响应速度都比小型的超载服务器快。

十八、对资产使用多个域来增加连接
CDN 的另一个优势是它们是独立的域。因为您的浏览器将并发连接的数量限制到一个单一的域,因此无论何时加载一个页面,都很容易占满所有线程。因此,到其他资产的连接被延迟了。然而,您的浏览器能够打开新线程或到其他域的连接,这样,从另一个域加载的任何资产都可以与其他所有资产同时加载。

十九、在合适的时候使用 Google Gears
使用 Google Gears(参见 参考资料)是避免用户反复下载同一内容的另一种好方法。Gears 允许用户离线访问 Web 应用程序,但是也允许将页面元素持久化到用户的计算机上。因此,频繁加载但未进行更新的内容可以存储在 Gears 数据库中,该数据库是一个 SQLite3 关系数据库管理系统。对同一内容的所有 next 请求都可以从数据库(而不是服务器)直接加载。

二十、使用 PNG 格式的图像

Graphic Interchange Format (GIF) 和 Joint Photographic Experts Group (JPEG) 图像格式都已过时了:Portable Network Graphic (PNG) 是未来流行的格式。当然,您可以说 GIF 和 JPEG 已经消亡,或者 PNG 没有任何缺陷,但是所有事物都有各自的优缺点,PNG 以最佳的文件大小提供了出色的质量。因此,如果进行选择的话,应该尽可能使用 PNG 图像。

二十一、保持 Ajax 调用简短、准确
当统称为 Asynchronous JavaScript + XML (Ajax) 的技术在两年前出现时,这些技术为处理页面请求和响应提供了一种革命性方法。然而,拨号用户可能从来没机会体验其真正的优势,因为在许多情形下,Ajax 需要在浏览器与服务器之间大量通信。因此,如果您能够保持 Ajax 调用简短和准确,可以避免用户花费无止尽的时间来等待元素刷新或响应。

二十二、进行一次较大的 Ajax 调用并在本地处理客户机数据

如果不能进行简短的 Ajax 调用,或者如果这些调用不能提供期望的结果,可以考虑一种替代方法:进行一次大的 Ajax 调用来获取所需的一切内容,然后让客户机在本地处理数据。通过这种方式,客户机只需等待一次(获取传入的数据),但是在此之后(当浏览器与服务器之间没有必要通信时),处理速度将更快。当然,还有大量 Ajax 优化技术,本教程无法一一列出。

二十三、在沙箱中测试代码

还有一个经常被遗忘的常用技巧。尽管清醒的 Web 开发人员通常会在启动应用程序之前对其进行测试,但是有时候测试会使他们不那么重视维护任务,或者新功能添加得太快,并且未经过充分考虑或测试。结果,余下的脚本减缓了应用程序的速度。如果您添加一项新功能,可以首先在沙箱里(完全脱离了应用程序的其余部分)进行测试,查看它作为单个函数的行为。通过这种方式,您可以反复检查,并分析性能和响应时间,无需考虑 Web 应用程序的其余部分。然后,当新功能的行为符合预期时,可以将其引入到应用程序的其余部分中,运行其他测试,保证功能本身的行为符合预期。

二十四、分析站点代码
在许多场景中,自我反省是一个不错的建议。幸运的是,在开发过程中,我们可以使用工具来帮助反省,并尽可能客观地进行实践。像 JSLint(参见 参考资源)这样的工具的价值是无法衡量的,尽管其站点宣称它 “可能令您备受挫折”,因为它向您提供了所有的潜在代码缺陷,这些缺陷不但使调试更加困难,而且可能导致更长的响应时间。

二十五、检查孤立的文件和丢失的图像
检查孤立的文件和丢失的图像是一种明智之举。大部分 Web 开发人员都会检查错误的文件引用,但是这里仍然需要说明一下。丢失的文件容易引起各种问题,因为它们会导致 “The image/page cannot be displayed” 之类的错误消息。但是在网页速度优化方面,它们具有更大的缺陷:当浏览器寻找丢失的或孤立的文件时,它会消耗资源,这不可避免地会导致页面处理速度变慢。因此,请检查孤立或丢失的文件,包括拼写错误的文件名。

浏览器构造页面的原理,当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转换的过程中如果发现某个节点(node)上引用了CSS或者 IMAGE,就会再发1个request去请求CSS或image,然后继续执行下面的转换,而不需要等待request的返回,当request返回 后,只需要把返回的内容放入到DOM树中对应的位置就OK。但当引用了JS的时候,浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构,而JS中很有可能有代码直接改变了DOM树结构,比如使用 document.write 或 appendChild,甚至是直接使用的location.href进行跳转,浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以 就会阻塞其他的下载和呈现.

并行、分段加载外部 script
Parallel script loading (并行加载)是加速网站页面加载最有效的方法之一。因为古代的浏览器(aka IE)很多都不支援 parallel scripting loading,它们加载外部 script 时是一个完成后才开始下载另一个,而不是像图片一样同时下载多个文件,即出现上图情况:所有在该 script 之后的文件下载都被挡在后面了 (blocking)。因此出现了 n 多个小技巧解决这个问题。

  
* Script DOM Element
* XHR Eval
* XHR Injection
* Script in frame
* Script Defer
* Document.write Script tag (IE only)

不同方法有不同特征,如对跨域名的支援、执行顺序、浏览器状态等。当中 Script DOM Element 是最流行的的方法,亦都支援最多的 browsers。各种方法的优劣可参考 Loading Scripts Without Blocking 一文。当中 Script DOM Element 是最流行的做法,唯在 IE 下并不保证可按次序执行。顺带一提,jQuery 的 getScript() 貌似也是用此方法。

新推出的 browsers 已经开始支援 parallel script loading,包括 IE8, FF3.5, Safari 4, Chrome 2 等。但 parallel scripting loading 除了可以解决 blocking 问题外,应用得宜还可以有 progressive enhancement 的作用,developer 可决定各档案下载的时机。

例如 Google docs 会在工具列未完全下载完之前,会先显示一个 view only 的版本。直至工具列完全加载后,才转成编辑状态。

外部JS会阻塞所有内容的呈现
嵌入式的JS会阻止其后内容的显示
当CSS后面跟着嵌入的JS的时候,该CSS就会出现阻塞后面资源下载的情况

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-01-06

1.图片文字分块加载(谷歌地图、IPhone手机浏览器)拖动的时候,使用一个小比例的缩略图显示,异步加载新的原始图片
2.分页加载,社交网站新鲜事比较多,可能几百条,预先会加载一页或两页,当ScrollBar滑到一定位置会自动(手动)显示下一页(下两页)的信息
3.使用PNG8代替GIF
4.图片分离法:例如png24的位图,将png中的非透明区域取出,转成png8,然后再放入刚抠出的透明区域,合成新的png24&8混合位图模式,图片可以减少三分之一

范铭川
编辑于 2011-11-15
该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (2)链接 • 2011-11-15
  • 0 支持
    老范!!!!!!还记得我不!!! – 烟花易冷 2012-09-19
  • 0 支持
    4的一点第一次看到! – adophper 2012-12-14

@令狐葱 总结的很好,这是终极目标吧 呵呵 怎么可能无流量。yslow是个可执行方案,具体可以看看http://lusongsong.com/reed/362.html

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-07-26

具体可以参考YSlow的处理方式。

基本思想就是“少请求,无流量”,本着这个原则来做准是没错的。

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-07-11

可以自己通过js实现预下载功能,把网页的资源提前通过异步的方式下载下载到本地,也可以通过c++写插件实现。
主要方式是分析网页的链接,把链接中网页的资源图片等比较大的资源,提前下载下来,在用户查看页面时,通过js实现加载还没有看得页面资源,这样当点击要看得页面时,速度就会感觉有明显的提升。

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2011-11-15

遵循标准,采用DIV设计网页。
在XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种内容的定位。DIV是HTML语言中的一个常用元素,而DIV+CSS是网页布局的一种方法,这种布局方法区别于传统的Table布局,达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的,可以更方便搜索引擎的索引。
通常搜索引擎对标准化制作的网站页面所给予的权重更高,并且使用DIV+CSS的架构也有很多优势,比如改版方便,不需要变动页面的内容,网页打开速度也会明显加快。
完善标签,关键词描述不可少。

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-11-09

可以参照High performance web site 和 Higher performance web site两本书 基本能设计的优化策略都讲得比较详细了

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-06-21

来分享一下Yslow 对网页的优化建议:

  1. 减少HTTP请求次数,合并图片、CSS、JS,改进首次访问用户等待时间。
  2. 使用CDN,就近缓存==>智能路由==>负载均衡==>WSA全站动态加速
  3. 避免空的src和href.当link标签的href属性为空、script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的URL作为它们的属性值,从而把页面的内容加载进来作为它们的值
  4. 为文件头指定Expires.使内容具有缓存性。避免了接下来的页面访问中不必要的HTTP请求。
  5. 使用gzip压缩内容.压缩任何一个文本类型的响应,包括XML和JSON,都是值得的
  6. 把CSS放到顶部
  7. 把JS放到底部.防止js加载对之后资源造成阻塞。
  8. 避免使用CSS表达式,如:backgourd-color: expression((new Date()).getHours()%2?”#B8D4FF”:”#F<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="8" unitname="a">08A</st1:chmetcnv><st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="0" unitname="”">00”</st1:chmetcnv>)
  9. 将CSS和JS放到外部文件中,目的是缓存,但有时候为了减少请求,也会直接写到页面里,需根据PV和IP的比例权衡。
  10. 权衡DNS查找次数。减少主机名可以节省响应时间。但同时,需要注意,减少主机会减少页面中并行下载的数量。IE浏览器在同一时刻只能从同一域名下载两个文件。当在一个页面显示多张图片时,IE 用户的图片下载速度就会受到影响。所以新浪会搞N个二级域名来放图片。
  11. 精简CSS和JS。最小化JavaScript代码指在JS代码中删除不必要的字符,从而降低下载时间。两个流行的工具是JSMin 和YUI Compressor。同样CSS也有相关的压缩工具
  12. 避免跳转。同域:注意避免反斜杠 “/” 的跳转;跨域:使用Alias或者mod_rewirte建立CNAME(保存域名与域名之间关系的DNS记录)
  13. 删除重复的JS和CSS。重复调用脚本,除了增加额外的HTTP请求外,多次运算也会浪费时间。在IE和Firefox中不管脚本是否可缓存,它们都存在重复运算JavaScript的问题。
  14. 配置ETags。它用来判断浏览器缓存里的元素是否和原来服务器上的一致。比last-modified date更具有弹性,例如某个文件在1秒内修改了10次,Etag可以综合Inode(文件的索引节点(inode)数),MTime(修改时间)和Size来精准的进行判断,避开UNIX记录MTime只能精确到秒的问题。 服务器集群使用,可取后两个参数。
  15. 可缓存的AJAX。“异步”并不意味着“即时”:Ajax并不能保证用户不会在等待异步的JavaScript和XML响应上花费时间。
  16. 使用GET来完成AJAX请求。当使用XMLHttpRequest时,浏览器中的POST方法是一个“两步走”的过程:首先发送文件头,然后才发送数据。因此使用GET获取数据时更加有意义。
  17. 减少DOM元素数量。是否存在一个是更贴切的标签可以使用?人生不仅仅是DIV+CSS
  18. 避免404。有些站点把404错误响应页面改为“你是不是要找***”,这虽然改进了用户体验但是同样也会浪费服务器资源(如数据库等)。最糟糕的情况是指向外部 JavaScript的链接出现问题并返回404代码。首先,这种加载会破坏并行加载;其次浏览器会把试图在返回的404响应内容中找到可能有用的部分当作JavaScript代码来执行。
  19. 减少Cookie的大小
  20. 使用无cookie的域。比如图片 CSS 等,Yahoo! 的静态文件都在 yimg.com 上,客户端请求静态文件的时候,减少了 Cookie 的反复传输对主域名 (yahoo.com) 的影响。
  21. 不要使用滤镜。png24的在IE6半透明那种东西,别乱使,淡定的切成PNG8+jpg。
  22. 不要在HTML中缩放图片
  23. 缩小favicon.ico并缓存
该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-01-06

请参考YSlow。。。
虽然有点老,但都是经典。

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-10-23
该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (2)链接 • 2011-11-15
  • 0 支持
    主要从前端下手后端不考虑 – 小白 2011-11-15
  • 0 支持
    用Agax,但是现实得不太理想。其实最好用javascript自己控制,异步请求。 – 黄文彬 2011-11-15

与其说是提高速度,不如说是减少文件多次下载。
这也是SEO常见的手法。
总结如二楼所说
代码的臃肿问题可以得当的解决
网站本身的访问速度都会有所提升。

该答案已被锁定,无法对其进行评论,编辑及投票。
()
评论 (0)链接 • 2012-11-09
德问是一个专业的编程问答社区,请 登录注册 后再提交答案