网页设计中如何提升网页浏览速度.pptx

对于广大网民来说，网页浏览的速度绝对是至关重要的一环，因此，网页设计师们就需要在设计过程尽量给网页减压，以达到最优质的速度。那么，在网页设计过程中，都有哪些方法可以提速呢?下面，就和小编一起来学习;一下吧! 一、记得帮页面减肥 我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，;那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如：不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。 二、如没必要，尽量使用静态HTML页;面 众所周知，ASP、PHP、JSP等程序实现了网页信息的动态交互，运行起来的确非常方便，因为它们的数据交互性好，能很方便地存取、更改数据库的内容，使网站“动”起来，如：论坛、留言板等。但是;这类程序必须先由服务器执行处理后，生成HTML页面，然后再“送”往客户端浏览，这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序，网页显示速度肯定会慢，所以没有必要，请尽量使用静态的H;TML页面。 三、不要将整个页面内容塞到一个Table中 这是网页设计的问题了，很多站长为了追求页面统一对齐，将整个页面的内容都塞进了一个Table(表格)里，然后再由单元格td来;划分各个“块”的布局，这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的，如果某些内容无法访问，就会拖延整个页面的访问速度。正确的做法是：将内容分割到几个具有相同格;局的Table中去，不要全都塞到一个Table里。 四、将ASP、ASPX、PHP等文件的访问改为.js引用 这在ASP、ASPX、PHP等程序设计时应该注意的，如果你要在静态的H;TML页面里嵌入动态的数据，而这些动态的数据是由ASP、PHP等程序来提供的话，会使用以下的语句引用：，这样的话，每次有一个人访问你的网站，服务器就要执行并处理一次tongji.asp文件，从数据库抽;取相应的数据，再输出给网页显示，如果有几万个人同时访问，就要执行几万次，后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去，然后在首页通过 SCRIPT src=http://;/news/http://www.XXX.com/1.js /SCRIPT 这样的代码来引用该1.js文件。这样，数据显示的任务就交给客户端的浏览器去做，不会耗;费服务器的资源，显示速度自然就很快;笔者的网站 下有个index3.htm文件，大家可以通过访问/index3.htm和 做;一下比较，前者所花的时间几乎是后者的几倍! 五、使用iframe嵌套另一页面 如果你要在网站上插入一些广告代码，又不想让这些广告网站影响速度的话，那么，使用iframe最合适不过了;。方法是：将这些广告代码放到一个独立的页面去，然后在首页用如下的代码将该页面嵌入即可，这样就不会因为广告页面的延迟而拖了整个首页的显示，代码如下： IFRAME marginWidth=;0 marginHeight=0 src=/index.html frameBorder=0 width=468 scrolling=no height=6;0 leftmargin=0 topmargin=0 /IFRAME 其中htt/index.html是被引用文件的路径。;六、讲究网站计数器代码放置的技巧 在网页里放置计数器可以统计网站的访问流量，为站长和广告商家提供访问依据，但是，不管功能有多强大的网站统计系统，都会有出故障的时候。如果直接把统计代码放到页;面内容的前面，或者放在一个Table或者div标签里，那么在计数器不能访问的时候，你的页面上那个Table或者div就会产生几十秒钟的延迟，导致页面很长时间才能访问。所以，要提高网站的速度，就要讲究统;计代码放置的位置，正确的方法是：把统计代码放到页面的最下面，并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码，或者在最下方单独做一个Table或者div来放;置计数器。这样，在计数器不能访问的时候，你的网站速度也不会受到丝毫影响。 七、友情链接的学问 网站之间互相做链接可以增加网站的宣传效果，做LOGO图片链接更能准确地描述网站的主题和;定位，宣传效果会大大的增强，但图片链接做得太多，必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL，这样图片要先经过加载才能显示的，各个友情网站的访问速度不一样，整个表格都要等图片;都下载完了才能显示出来，这样大大降低了网页的速度。因此，做友情链接时应尽量做到： 1. 只做文字链接：做文字链接是不会延迟网页速度的。