网页设计中怎样提升网页浏览速度

  对于广大网民来说，网页浏览的速度绝对是至关重要的一环，因此，网页设计师们就需要在设计过程尽量给网页减压，以达到较优质的速度。那么，在网页设计过程中，都有哪些方法可以提速呢?下面，来和长沙天琥设计培训学校一起来学习一下吧！

  一、记得帮页面减肥

  我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如：不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。

  二、如没必要，尽量使用静态HTML页面

  众所周知，ASP、PHP、JSP等程序实现了网页信息的动态交互，运行起来的确非常方便，因为它们的数据交互性好，能很方便地存取、更改数据库的内容，使网站“动”起来，如：论坛、留言板等。

  但是这类程序必须先由服务器执行处理后，生成HTML页面，然后再“送”往客户端浏览，这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序，网页显示速度肯定会慢，所以没有必要，请尽量使用静态的HTML页面。

  三、不要将整个页面内容塞到一个Table中

  这是网页设计的问题了，很多站长为了追求页面统一对齐，将整个页面的内容都塞进了一个Table(表格)里，然后再由单元格td来划分各个“块”的布局，这种网站的显示速度是绝对慢的。

  因为Table要等里面所有的内容都加载完毕后才显示出来的，如果某些内容无法访问，就会拖延整个页面的访问速度。正确的做法是：将内容分割到几个具有相同格局的Table中去，不要全都塞到一个Table里。

  四、将ASP、ASPX、PHP等文件的访问改为.js引用

  这在ASP、ASPX、PHP等程序设计时应该注意的，如果你要在静态的HTML页面里嵌入动态的数据，而这些动态的数据是由ASP、PHP等程序来提供的话，会使用以下的语句引用：这样的话，每次有一个人访问你的网站，服务器就要执行并处理快速tongji.asp文件，从数据库抽取相应的数据，再输出给网页显示，如果有几万个人同时访问，就要执行几万次，后果就可想而知。

  建议在这些程序中将数据动态生成到一个1.js文件中去，然后在首页经过 < SCRIPT src="http://www.XXX.com/1.js">< /SCRIPT> 这样的代码来引用该1.js文件。这样，数据显示的任务就交给客户端的浏览器去做，不会耗费服务器的资源，显示速度自然就很快;

  五、使用iframe嵌套另一页面

  如果你要在网站上插入一些广告代码，又不想让这些广告网站影响速度的话，那么，使用iframe较合适不过了。方法是：将这些广告代码放到一个独立的页面去，然后在首页用如下的代码将该页面嵌入即可，这样就不会因为广告页面的延迟而拖了整个首页的显示，代码如下：

  < IFRAME marginWidth=0 marginHeight=0 src=http://www..com/index.html frameBorder=0 width=468 scrolling=no height=60 leftmargin="0" topmargin="0">< /IFRAME>

  其中htthttp://www..com/index.html是被引用文件的路径。

  六、讲究网站计数器代码放置的技巧

  在网页里放置计数器可以统计网站的访问流量，为站长和广告商家提供访问依据，但是，不管功能有多强大的网站统计系统，都会有出故障的时候。如果直接把统计代码放到页面内容的前面，或者放在一个Table或者div标签里，那么在计数器不能访问的时候，你的页面上那个Table或者div就会产生几十秒钟的延迟，导致页面很长时间才能访问。所以，要提高网站的速度，就要讲究统计代码放置的位置。

  正确的方法是：把统计代码放到页面的较下面，并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的较下方直接放置统计代码，或者在较下方单独做一个Table或者div来放置计数器。这样，在计数器不能访问的时候，你的网站速度也不会受到丝毫影响。

  七、友情链接的学问

  网站之间互相做链接可以增加网站的宣传效果，做LOGO图片链接更能准确地描述网站的主题和定位，宣传效果会大大的增强，但图片链接做得太多，必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL，这样图片要先经过加载才能显示的，各个友情网站的访问速度不一样，整个表格都要等图片都下载完了才能显示出来，这样大大降低了网页的速度。因此，做友情链接时应尽量做到：

  1. 只做文字链接：做文字链接是不会延迟网页速度的。

  2. 将所有链接放到一个独立的分页去，然后在首页链接上该页。

  3. 如果友情链接一定要出现在首页，请将链接所在的整个Table放到页面的较下方，因为页面是由上到下逐行显示的，将其放到页面的较下方，不会延迟其他内容的显示。

  4. 友情链接的LOGO图片先下载后再传到自己的网页空间，这样，速度由自己的网站空间QQ291911320决定而不受友情网站的影响。

  更多设计资讯，培训课程，开班时间，学校地址等学校信息，请进入长沙天琥设计培训学校。

尊重原创文章，转载请注明出处与链接：http://cstianhu.5zix.com/news/45756/ 违者必究！ 以上就是长沙天琥设计培训学校 小编为您整理网页设计中怎样提升网页浏览速度的全部内容。

---

• ← 新手如何开始学UI设计
• 初学者室内设计师要注意哪些问题 →