网页打开速度慢该怎么办。
首先,必需要优化或压缩你的图像文件。你不能用数码相机拍张照片就直接放到网页上。必需要下降图片文件的解像率,下降图像质量,得到一个优化过的文件。上面提到的800K的图像文件,很轻易就可以下降到100K以下,也没有什么可以觉察得到的质量上的丧失。
可以应用Photoshop,里面已经有专为网页压缩图像文件的选项,或者网上也有其他压缩图像文件的在线工具,大家可以搜索一下。
第二,必需要应用网页编纂软件来做网页。微软的Word确实供给一个功效,将文件输出为HTML格局。在尽大部分情况下,这些输出文件在网站上打开也没什么标题。但标题是,这样的文件包含了大批的垃圾代码。在上面的例子里,200K的HTML文件用专用的网页编纂软件重新改一下,能轻易降到15K以下,也就是说90%全是垃圾代码。
假想一下,把这些垃圾代码和未压缩的图像文件全加起来,你该浪费了多少带宽?又有多少用户等不下往而离开了你的网站?
下面列出几个具体的网页代码标题,有助于下降文件大小。
应用CSS
CSS大批减少HTML中的格局代码,并且可以作为外部文件应用,不必每次打开网页都调用这些格局文件。
尽量应用尺度代码
浏览器在打开网页的时候,假如网页文件中包含太多的错误,浏览器需要花时间改正这些错误。所以尽量要应用准确的尺度代码。
定义图形文件和表格的尺寸(高度和宽度)
这样浏览器可以在图像文件和表格里面的内容完整下载之前,就显示出网页,由于图像和表格的大小已经断定了,地位可以预留出来。
删除不需要的代码
比如大批的空格,空行,评论等。
减少花里胡哨的东西
很炫的JS菜单,按钮,图形,音乐,动画,flash等等,这些东西有它明白的目标吗?还是就是好玩?
假如网页太长,考虑分成多个网页
这样另外一个利益就是,显得你的网页内容还多点。
减少网页中要调用的文件数目
不要用太多很小的图像文件,在可能的情况下,减少这些图像文件的数目。这样文件下载的时候,就不需要那么多的HTTP连接。
避免应用嵌套表格
假如必需应用表格的话,也要尽量少用应用嵌套表格。
应用外部文件
CSS,JS等,都要放到外部文件。
总的目标是尽量减少文件大小,包含HTML文件,图片和脚本。假如能把网页上文件总大小降到30K以下就好,20K更好,假如10K以下,那就更好了。
很多网页设计师会嘲笑这样的数字,一个现代的网页还能只是20K,30K?不可能!光我那个很炫的logo就20K了。
假如能两者兼得的话,不妨可以兼顾。但假如两者不能兼得,你是选择让用户看到一个不那么炫的网页,还是让用户基本就看不到网页呢?