2022-03-05 分类: 网站建设
首先,必须要优化或压缩你的图像文件。你不能用数码相机拍张照片就直接放到网页上。必须要降低图片文件的解像率,降低图像质量,得到一个优化过的文件。上面提到的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了。如果能两者兼得的话,不妨可以兼顾。但如果两者不能兼得,你是选择让用户看到一个不那么炫的网页,还是让用户根本就看不到网页呢?
网站题目:你的网站打开速度慢该怎么办?
文章路径:https://www.cdcxhl.com/news/144384.html
成都网站建设公司_创新互联,为您提供用户体验、ChatGPT、网站维护、网站设计、网站设计公司、品牌网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容