如何提高网页加载的速度

下面是我所理解的和网上搜索到的总结:

 

1、减少页面请求:

   从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进行着,如果能减少服务器请求,总的时间将会减少。

   之前我下载163邮箱的登陆页面的图片时发现,它们的只用到了一个图片来完成整个页面的所有图片,当时我就纳闷了,这跟平时做的网站不一样呀。然来这样做减少浏览器的请求次数,用httpwatch你会发现请求的总时间大大减少了。同样的想法,在做css样式,javascript代码的时候也要做到尽可能的放在一个文件下来减少WEB请求。

 

2、页面压缩技术,给我们JS,HTML代码进行瘦身。

     Jquery 作为JS最轻量级的类库,它的原类库是242KB,压缩后的它竟只有91.6KB。     常见的压缩工具有Google Closure Compiler、YUI Compressor、JsPacker、gzip。我常用的是gzip,因为它的压缩率是最高的。用jdk压缩后它会把一些空格去掉,把我们很长的变量名换成换成很短的字母来代替。

 

3、样式、行为、结构分离。

   当第一次访问页面的时候,用户就可以把CSS,JS代码下载下来,这样做虽然第一次使网页加载的速度变慢了,但后面的页面将快很多。当用户访问这个网站的其它的页面时,由于其它页面也引用了这个CSS样式和JS代码。浏览器发现它已经下载好了,下一次就可以不用下载了。这样就做到了一次下载,后续速度的效果。

 

4、使用存储过程

   在运行存储过程前,数据库已对其进行了语法和句法分析,并给出了优化执行方案。这种已经编译好的过程可极大地改善SQL语句的性能。由于执行SQL语句的大部分工作已经完成,所以存储过程能以极快的速度执行。这种预编译的sql语句就可以直接执行而节省了很大一部分查询的时间。

 

5、一些细节:

   把CSS样式放在头部,如果JS很多的话,把js代码放在尾部。这样做可以尽可能的先加载页面的DOM结构,然后才可以级用户体验。如果JS很多的大的话,页面都没加载完,何来用户体验之说呢。

 

6、适当的使用AJAX

   现在的Ajax好像有点被神话了,好像网页只要Ajax了,那么就不存在效率问题了。其实这是一种误解。拙劣的使用Ajax不会让你的网页效率更高,反而会降低你的网页效率。Ajax的确是个好东西,但是请不要过分的神话它。使用Ajax的时候也要考虑上面的那些准则。

7、尽量少使用VS为我们提供的服务器控件的页面样式,自己动手把样式写在样式文件里。尽量写得通用些。

 

8、页面缓存

    在大型的门户网站都用到了缓存技术,它是以空间换时间的技术。

    缓存主要是为了提高数据的读取速度。因为服务器和应用客户端之间存在着流量的瓶颈,所以读取大容量数据时,使用缓存来直接为客户端服务,可以减少客户端与服务器端的数据交互,从而大大提高二次页面的访问速度的程序的效率。

 

还有很多加快页面速度的方法,比如:

网站服务器管理员方向的:

9、配置网站的实体标签:

     这个Etag不是给用户用的,而是给浏览器缓存用的。Etag是服务器告诉浏览器缓存,缓存中的内容是否已经发生变化的一种机制。通过Etag,浏览器就可以知道现在的缓存中的内容是不是最新的,需不需要重新从服务器上重新下载。

10、使用CDN技术。

  我们上网下载东西的时候经常会看见什么“南方服务器”、“北方服务器”的就是用到了CDN技术来提高下载速度与稳定性。

  CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度(来自百度百科)。

 

   服务器方面我也不是很了解,以上是我在学习的时候进行总结的一些问题,如有不完善的希望大家可以帮忙完善。

时间: 2024-08-03 13:43:24

如何提高网页加载的速度的相关文章

浏览器打开网页很慢如何提高ie浏览器的网页加载打开速度

  浏览器打开网页很慢如何提高ie浏览器的网页加载打开速度          一.ie浏览器设置参数 1.在xp系统下载的IE浏览器窗口的菜单栏单击"工具"-"Internet选项"命令,然后在打开的"Internet选项"对话框中切换到"高级"选项卡. 2.拖动右边的滚动条,然后在"设置"列表中的"多媒体"栏取消对播放动画.声音.视频和联机媒体内容选项的勾选,如图所示: 3.单击&qu

如何提高网页加载速度

1.减少页面请求: 从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进行着,如果能减少服务器请求,总的时间将会减少. 之前我下载163邮箱的登陆页面的图片时发现,它们的只用到了一个图片来完成整个页面的所有图片,当时我就纳闷了,这跟平时做的网站不一样呀.然来这样做减少浏览器的请求次数,用httpwatch你会发现请求的总时间大大减少了.同样的想法,在做css样式,JavaScript代码的时候也要做到尽可能的放在一个文件下来减少WEB请求. 2.页面压缩技术,给我们js

提高网页加载速度的一些建议

分享优化网页加载速度的七个技巧一.优化图片几乎没有哪个网页上是没有图片的.如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站.因为加载那样一个网页会花费大量的时间.即使在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的.优化图片包括减少图片数.降低图像质量.使用恰当的格式.1.减少图片数:去除不必要的图片.2.降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化是比较大的.3.使用恰当

提高网页加载速度的初步简单技巧方式

网页的加载速度是评估网站质量一个重要指标.原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网 页,所以网页载入速度会极大地影响网站的流量和访问.以下总结了几种可以明显提高网站加载速度的初步简单技巧方式,如果你的网站存在载入速度慢的问题不妨 与此为参考对网页做些初步优化. 网页加载提速之 – 优化网页图片文件 你的网页一定有图片,加载一个网页往往图片的总尺寸是最大的,特别是那些颜色丰富的背景图片和大副广告图片.所以一般要在同等图片质量的情况下要尽可

Windows下使用apache模块实现合并多个js、css提高网页加载速度_win服务器

现在的网站表现力越来越丰富,页面加载的js和css自然也越来越多.当网站页面上的js和css太多,浏览器打开页面的速度就会很慢,明显降低了用户的体验.使用mod_concatx, 可以合并多个文件在一个http响应报文中,可以有效提高js/css的加载速度. 示例效果如下: mod_concatx模块是在mod_concat基础上修改的,感谢他们的工作. 原有的mod_concat模块有很大的参考价值,但实际作用不大. 该模块存在以下三个问题: 1.每次都会重新向客户端发数据,没有合理利用浏览器

谷歌推出Zopfli算法 提高网页加载速度

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 Google日前发布了一款新型数据压缩算法,Zopfli.该算法能更紧凑地压缩网页内容,比之前的Zlib算法的压缩密度要提高3至5个百分点,使得网页在服务器端的传输也更加快速.Zopfli算法是Google企业文化中"20%时间"的产物,这个计划允许工程师拿出20%的工作时间去研发自己感兴趣的项目.该算法由Google在苏

如何加快ie浏览器的网页加载打开速度?

  一.ie浏览器设置参数 1.在xp系统下载的IE浏览器窗口的菜单栏单击"工具"-"Internet选项"命令,然后在打开的"Internet选项"对话框中切换到"高级"选项卡. 2.拖动右边的滚动条,然后在"设置"列表中的"多媒体"栏取消对播放动画.声音.视频和联机媒体内容选项的勾选,如图所示: 3.单击"确定"按钮保存设置即可. 提示:如果要恢复默认设置,可直接

谷歌计划将移动网络网页加载速度提高一倍

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网易科技讯 4月19日消息,据国外媒体报道,作为谷歌的技术总监,艾维那·简恩(Arvind Jain)一直在通过全球的旅馆.办公室.机场休息区等各种途径监控网络接入速度,寻求途径来加快接入网络的速度.简恩的任务是使移动网络的网页加载速度比目前提高一倍.目前,美国移动网络的网页加载速度平均为9.2秒. 作为全球最大的搜索引擎提供商,谷歌力求通过提高移动网络接入速度来推动电子商务和网络广告的发展,这当中有数十亿美元的开发空间,这已成为全公司的目标.当用

网站重构之加快网页加载速度

现在的网络越来越发达,什么样的网站都已经出现了,日新月异的今天网页加载的速度已经是一个面临急切危机的事.提高网页打开速度当然也有方法的,分别是加大宽带,对电脑做优化工作,还有就是在制作网页的时候做好相应的优化,听起来也难,其实不然.我们只要做到以下的几点就差不多可以提高一些速度了. 图片的优化: 谈到图片优化的问题我想网页设计工作者应该是很清楚的,尽量把图片切割的越小打开的速度越快吧,还有降低图像的质量,使用恰当的格式,减去没有必要存在的图片(想颜色单一的地方用颜色代码代替就可以了). css优