(1)降低HTTP请求数目。80%的用户响应时间被花费在下载页面中的图片、样式表、脚本与Flash这类组件。降低这类组件的数目就能降低展示页面所需的请求数,而这是提升网页响应速度的重点。(2)用内容分布式互联网。用户连接网站服务器的速度影响响应的快慢。把你的网站布置在多台分布于不同地域的服务器上,会让用户感觉你的页面加载速度更快。(3)给头部添加一个失效期或者Cache-Control。给头部添加far future失效期,可以增加浏览器缓存的组件数目并重复用于随后的页面浏览而无需通过用户的互联网发送就算一个字节。(4)Gzip压缩组件。压缩文件会降低HTTP响应的大小从而降低响应的时间。(5)把样式表放在前面。把样式表挪到文档的头部可以让页面的加载看上去更快。由于把样式表放在头部可以让页面逐步呈现。(6)把脚本放在最后。脚本或许会堵塞并发的下载。一般的建议是用延迟脚本。假如一个脚本可以被延迟,那样它也可以被放在页面的底部。这会叫你的页面加载得更快。(7)不用CSS表达式。CSS表达式的问题是它比大部分人期望的实行次数更频繁。(8)用外部的Javas
cript和CSS.在实质应用中用外部的文件总是产生更快的页面,由于浏览器会缓存Javas
cript和CSS文件。(9)降低DNS的查看。降低不同域名的数目可能降低页面并行的下载数目。(10)缩小Javas
cript和CSS。缩小是指从代码中删除非必须的字母,降低文件体积从而提升加载速度。(11)防止重定向。重定向减少了客户体验。在用户和HTML文档之间插入的重定向延误了页面的呈现和组件下载,由于它们都不可能在获得HTML文档之前开始。(12)移除重复的脚本。在同一个页面中包括两个相同的脚本文件减少了性能。当脚本被重复包括时,因为增加了非必须的HTTP请求和Javas
cript的实行,影响了性能。(13)设定ETags。ETag的问题是它们总是在网站的一个服务器中被设为唯一的,当浏览器从一个服务器得到了组件并在稍后试图到另一个服务器验证时,ETag会不匹配,而这在用多个服务器来处置请求的网站中是非常容易见到的。(14)让Ajax可以缓存。Ajax有哪些好处之一是它能给用户提供瞬间的响应,由于它从服务端异步请求数据。为了提升性能,优化Ajax响应非常重要。提升Ajax性能非常重要的方法是使响应缓存。(15)更早地刷新缓冲区。当用户请求一个页面,服务端会花费200至500毫秒的时间组合HTML页面。(16)在Ajax请求中用GET办法。(17)后加载组件。当你确保页面工作正常时,通过延后加载的那些更花哨的脚本譬如拖放和动画,可以来增强你的页面。(18)预先加载组件。预先加载组件叫你可以借助浏览器的空闲时间来加载之后需要的组件(譬如图片,样式表和脚本)。如此当用户浏览下一个页面的时候,大多数组件都已经在缓存里了而页面会加载得更快。(19)减小DOM元素的数目。复杂的页面意味着更多的字节需要被下载。你在页面中添加一个事件,让它在500或者5000个DOM元素中循环,它们的效率是不一样的。(20)分域部署部件。将部件分割能使你获得大的并行下载效率。但你同时应该注意不用多于2~4个域名,以防止DNS查看致使的问题。(21)降低lf
rame的数目。lf
rames可以使HTML文档被插入进父级文档中。(22)防止404错误。一个获得没用的404响应的HTTP请求对于宝贵的HTTP请求资源来讲是完全非必须的,而且如此还会减慢用户的体验。(23)降低coo
kie的大小。有多种理由让大家应用HTTP coo
kie,譬如身份验证,或者个性化设置。coo
kie中的信息在服务端和浏览器间被放在HTTP头中交换。尽可能降低coo
kie的体积对降低用户获得响应的时间十分要紧。(24)为部件用没coo
kie的域名。当浏览器请求一个静态图片并一同发送coo
kie时,服务器并无需这类coo
kie。如此只不过毫无益处地创建了多余的互联网流量。应当保证静态的部件在请求时没携带coo
kie,所以需要把你的静态部件放在另一个子域名下。(25)降低DOM的读取。借助Javas
cript读取DOM元素非常慢,所以为了获得响应更快的页面,你应该:缓存被读取的元素引用。●脱机更新节点,然后把它们加回到树结构中。防止借助Javas
cript定位布局。(26)开发灵巧的事件处置程序。假如有太多的事件处置逻辑部署在DOM树的不同元素上,它们的频繁实行会拖慢页面的响应速度。(27)选择而不是@。前面提到把CSS应当放在最顶端来提供预显。在lIE中,放在页面底部的@im
port和成效是一样的,所以最好不要用它。(28)不用过滤器。IE专有些AlphalmageLoader过滤器是为知道决半透明真色PNG图片在IE7之前的版本中显示的问题。这个过滤器会在图片下载时堵塞住展示。而且它会消耗内存并影响每一个元素而不止是每张图片,所以这个过滤器的问题不少。(29)优化图片。(30)优化CSS精灵。横向布局Sprite中的图片总是比纵向布局会降低文件大小。(31)不要在HTML中缩放图片。不要用大小超越需要的图片,即便你可以在HTML中设置它的属性。(32)用小的可缓存的Favicon.ico。Favicon.icon是放在服务器根目录的一个图片,它麻烦却不能不处置,由于即便你不关心,浏览器依旧会请求这张图片,所以最好不要提供一个404的错误。而且因为它是在同一服务器下的,coo
kie也会伴随每次请求一并发送。这张图片同样干扰下载队列,譬如在IE中,当你在onload事件中请求额外的组件时,Favicon会在这类额外组件之前下载。(33)保证组件大小小于25K。(34)把组件打包进多部分文档中。
名字栏目:网站建设中怎么样提升网站的访问速度?专业常识介绍文章链接
网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设等