一个专业的网站不仅仅是体现在功能的设计上,用户体验也是非常重要的,在获得良好用户体验因素中一个重要的就是网页的打开速度,在5G时代,网页的打开速度变得尤其重要。
网页打开速度很慢的原因有很多,一般就以下几种,服务器的配置过低,网站的访问量过大,服务器受攻击,页面加载文件过大等。
页面中的一些文件比如图片过大,太多的flash动画元素,音频,视频或者CSS,js的运用等,就拿图片来说吧,一张图片小的几k,或者几十k,大的可能达到上百m,这些高清图片,用得少还行,但如果用的多就会影响网站页面的加载速度,但是如果对于一些浏览者电脑配置不高的话,可能就会死机。
那该如何为网站瘦身呢?
1、删除一些多余的网站代码
空语句,清理垃圾代码的最后一步就是删除空语句,空语句就是指标签间不存在任何内容的空语句,网站经过垃圾代码的清理后,页面中大部分的垃圾代码已经被删除,这样就会减少搜索殷勤的抓取负担,可以使网站后期的优化更加便利,优化的效果也会更加明显。但是精简代码的工作依然没有完成,还需要暂缓HTML中的长标签,以及对CSS,javascript进行优化。
注释语句,当我们在制作网页的时候,我们会添加一些注释语句来增强代码的可读性,但是过多的注释语句会占用大量的网页空间,而且如果注释语句中存在大量的关键词,还会被搜索引擎认为是堆砌关键词,从而对网站进行惩罚。
空格字符,空格字符是在编辑代码时敲击键盘上的空格键所产生的符号,网页中的每一个空格都算作一个字符,他通常出现在每行代码的开始处和结束处还有空行中。
对于每行的**始前的空格,我们可以用Dreamweaver软件进行清理,具体步骤是转至HTML编辑格式,然后全选代码,再使用shift+tab键,直至删除素所有的空格符,对于每行结尾处的空格可以使用文本编辑软件进行替换。
2、文件大小的优化
可以将js文件进行压缩,服务器端开启gzip压缩,如果是3个独立的js,那么就可以合成一个文件,减少请求次数,图片需要加工一下,在保证失真的情况下将文件压缩到最小。