一般来说,访问者不喜欢花太多时间等待网页打开。等待的时间越长,用户直接关闭网页的可能性就越大,会造成大量的流量损失!其次,关键词排名也与网页的打开速度有关,主要体现在搜索引擎的用户体验好,排名优于其他网站。
因此各位站长有必要去不断提高企业网页的打开中国速度,这个过程中不需要太多的成本管理投入,只需要我们平时多注意一些小技巧就行了,下面就为大家可以分享20种方法帮你提高自己网站数据访问控制速度,缩短网页加载时间。
1.减少页面HTTP请求数
更直接的理解是减少对其他页面、文件的调用次数。
(1)当我们使用CSS格式控制时,我们经常使用后台加载很多的图形文件,每个背景图像至少产生一个HTTP请求。通常,我们使用background来加载大量的背景图像,以使页面生动。为了改善这种情况,可以使用CSS的一个有用的background-position属性来加载背景图像。马海祥建议将需要频繁加载的多张图片组合成一张图片。加载时,加载这部分图片的HTTP请求可以通过以下加载形式减少为1:
(2)对于图像地图,这种方法也较为常用,但局限于同一区域。
(3)Inline images,这个研究方法进行很少可以见到,但对于一个很小很简单的图像信息却是很实用的。
2.添加文件过期或缓存头
对于同一用户频繁访问的图片和Js脚本文件,可以在Apache或Nginx中设置缓存时间,例如24小时到期时间,以便用户访问页面后可以再次访问页面,不再重复下载同一组图片或JS,减少HTTP请求,显著提高用户访问速度,降低服务器负载。
3.服务器打开gzip压缩
这个问题大家都比较分析了解,即将企业需要进行传输的内容可以压缩后传输到客户端再解压,这样在网络上传输的数据量会大幅增加减小。
通常,服务器上的Apache和Nginx可以直接打开这个设置,或者直接从代码的角度设置传输文件头,增加gzip设置,或者直接从负载平衡设备设置,但需要注意的是,这个设置会略微增加服务器的负担。
4. 将 css 格式化定义放在文件顶部
这项配置关于用户端是慢速网络或网页内容比拟庞大的情形比拟无利,能够在网页慢慢显现的同时仍会坚持格式信息,不影响网页美感。
5. Javascript脚本放在文件的末尾
许多 javascript 脚本执行效率低下,或者一些第三方域名脚本意外加载失败,如果它们被放置在页面的高处,可能会导致我们自己的网站内容加载速度减慢甚至无法正常加载,因此,一般把这些脚本放在网页文件结束,一定要放在脚本的前面使用所谓的“加载后”模式加载,加载后的主页是完成的,以防止其影响主页加载速度。
6、避免企业使用CSS脚本(CSS Expressions)
有时,为了希望css参数发生动态更改,可以使用css表达式来实现它,但这超过了损失,这大大增加了用户端浏览器的负担,因此不建议这样做,如果需要更改,您可以使用Javascript脚本来实现它。
7、css、javascript改由中国外部进行调用
如果CSS和JS内容是庞大,尽量不要把它们写在同一个页面。最好从外部加载它们,因为浏览器会缓存CSS和JS文件。
8.使用多个域名在网页中加载多个文件和图片。
记得有资料进行说明,IE在网页载入过程中,在同1时刻,对同1域名并行加的HTTP请求数量达到最高为2个,如果一个网页设计需要通过加载的文件信息数量已经超过2个(通常远远不能超过),要加快企业网页数据访问中国速度,最好将文件主要分布到多个域名,例如19楼,其js文件管理采用学生独立的域名,据说百度的图片服务器数量在20台以上。
9.减少对iframe的使用,如果没有必要,就尽量不要使用它
iframe通常用于加载不同域名的内容,由于iframe内容的加载速度较快,也可能影响主网页的加载速度,如果可能,将加载的内容抓取到本地直接嵌入。 如果您确实需要iframe加载,请使用后加载方法。
11. 避免重复脚本调用
养成良好的开发和维护习惯,尽量避免重复脚本调用,因为重复脚本调用太多不仅会使网页代码显得臃肿,而且因为脚本文件太多会延迟网页的打开速度。
12、优化图片文件
优化图像文件,减小其大小,特别是缩略图,一定要根据大小生成缩略图然后调用,不要在网页中使用resize方法,虽然图像看起来很有趣,但它并不会减少加载的数据量。我见过有人在10兆字节大小的网页上加载缩略图。
普通图片和图标也要尽量压缩,可以通过保存网页图片、减少颜色数量等方式来实现。
ETag全称为Entity Tag,意思是实体进行标签,从名字上看,是对于企业某种信息实体的一个重要标识,它属于HTTP协议的一部分,也就是我们所有的Web服务器之间都应该(也确实能)支持中国这个社会特性。
它的角色是用特殊字符串标识资源的“版本”,当客户端(浏览器)可以请求时,如果ETag是一致的,这意味着资源没有被修改,客户端(浏览器)可以使用它自己的缓存版本。
14,Ajax使用缓存调用
它的使用可以参考Discuz论坛代码,该代码用于缓存调用中大量的Ajax调用,通常使用额外的特征参数来实现。
15、合理选择使用Flush
在用户发送浏览请求之后,服务器通常需要花费200-500个ms来处理这些请求。在此期间,用户浏览器处于等待状态。如果用户想要减少等待时间,您可以在适当的位置使用刷新来将准备就绪的内容推到用户端,这在php中很容易实现,例如:
在Ajax调用中,尽可能多地使用GET方法调用
当实际使用XMLHttpRequest时,如果使用POST方法实现,将会发生两个HTTP请求,而如果使用GET方法实现,则只会发生一个HTTP请求。如果你切换到GET, HTTP请求会减少50%!
17.尽可能减少DCOM元素
这个可以很好理解,就是为了尽可能通过减少企业网页中各种<>元素数量,这种的冗余很严重,而我们不能完全可以用取代之。
18. 避免301重定向和302重定向
301是永久跳跃,302是临时跳跃,通常301跳跃,很少有人使用302,301跳跃是为了让百度的权重从一个网站转移到另一个网站,百度302跳跃的权重仍然在原来的网站上,只是临时跳跃,当然,这些跳跃的一般使用都需要一定的时间来缓冲, 如果302跳用的时间太长,百度可能会被判断为作弊,将k站。
19、分页显示的使用
当页面内容庞大到必定水平,能够接纳分页的体式格局揭示,或许taobao的那种翻页后载入体式格局,如许可以最大程度的减少单页面的打开速度,提高页面的打开速度。
20. 使用内容传递网路来加快速度
现在中国国内做CDN加速发展业务的公司存在很多,简单讲,就是将你的图片、视频进行扩散到CDN网络技术所能到达之处,让用户数据访问时能就近下载到这些政策文件,从而能够达到企业网络提速的目的,这样做,同时能减轻你自己一个网站的负载。
网站页面的速度是提高网站用户体验的重要因素之一。一旦网站好,打开得太慢,就会失去大量用户,甚至被淘汰。
提高网站的速度需要在很多方面做,要使网站的速度更快需要从各个方面着手,从服务器架构到一个小图标,所以不要忽视一个小因素。