在浏览网站的过程中,我们发现大部分的网页加载速度都不理想。这可能是由于服务器不稳定和网络速度慢的原因,另外一个主要原因是在设计布局时过度使用了大表格。虽然这样的布局对于设计来讲是方便的,但对网页加载速度并不有益。针对这种情况,大家总结了一些实用的方法,能够显着提高网页的加载速度。
不要将整个页面的内容都放到一个表格中。相反,可以通过文件包含的方式将头部导航、底部版权信息、联系方式和左边的导航链接分别放到不同的表格中。这样可以方便页面布局,避免重复制作相同的网页,并且能够轻松实现一次修改,全局生效。然而,这种方式的网页加载速度绝对会比较慢,因为表格需要等到其中所有内容都加载完毕后才能显示。如果其中某些内容访问不到,整个页面的加载速度就会被拖延。
在我们的WEB开发课上,老师已经提到了这个问题,正确的做法是将内容分割到几个具有相同布局的表格中,而不是全部放到一个表格里。
尽量使用静态HTML页面。无疑,ASP、PHP、JSP等程序语言实现了网页信息的动态交互,这样的程序非常方便,因为它们具有良好的数据交互性,可以轻松地存取和更改数据库内容,使网站实现更多交互功能,如论坛、留言板等。但是,这些程序必须由服务器处理后生成HTML页面,然后再传输到客户端浏览器中。这无疑会消耗一定的服务器资源。过多地使用这类程序,网页的加载速度肯定会变慢。因此,我们应该尽量使用静态的HTML页面。
我们设计的网站主要是提供信息给用户,不需要与用户进行太多的交流,所以我们主要使用静态页面。只有在进行文件包含时,才使用后缀名为.shtnl的页面。
网页也应尽量精简。实际上,我们浏览网页时是将服务器上的网页内容下载到本地硬盘,然后通过浏览器解析查看。下载网页的速度对于显示速度来说非常重要,因此,网页自身所占空间越小,浏览速度就会越快。因此,在网页设计时应遵循简洁原则,删除无用代码,避免使用过大的Flash动画,尽量使用.gif等图像格式。
可以尝试使用.gif和jpeg交互格式的图像,因为这种图像是逐步显示的,先以较低的分辨率显示,然后逐步提高分辨率,直至完全显示。这种方式有时会让较大的图像看起来好像加载得更快,虽然实际上并非如此,但这给人一种错觉。这种方式也可以使读者在图像加载过程中看到图像的外观,如果他们不喜欢或不想看,就有机会中断传输或转到其他地方。
大家还要注意友链。网站之间互相连接可以增加网站的传播效果,同时也方便了来访者。一种方法是使用LOGO图片链接,这可以更有效地描述网站的主题和定位,提高传播效果。可是,假如图片链接太多,必然会影响网页的加载速度。因此,在创建友链时,应最好使用文字链接,这不会延迟网页加载速度。此外,假如友链务必出现在页面中,将连接所在的整个报表放到界面的下方,因为页面是从上到下逐行显示的,这么做不会影响其他内容的显示。
总得来说,提升网页的访问速度针对企业网站制作尤为重要,也是我们目前关注的焦点之一。