深圳网站建设:你的网站需要瘦身吗?

更新日期:2017-07-15
  你的网站需要瘦身吗?

  一个完美的网站不只体现在功能及设计上,用户体验也是非常重要的。用户体验这个词我想你肯定不陌生,但是它包含的范围很广,有页面整体舒适、用户操作、网页速度等等。深圳萌豆科技就网页加载速度展开探讨。

  网页打开速度如蜗牛行走一般

  如果你的网页打开的速度很慢的话,那你就要注意了。首先要找到原因,通常网页打开速度慢的原因有以下几种:服务器配置过低、网站访问量过大、服务器受攻击、页面加载文件过大。前面几种原因比较常见,而且解决办法也不难,把服务器升级维护一下就解决了笔者在此也不做过多讲解。我们就最后一条“页面加载文件过大”原因具体分析。

  页面加载文件过大是什么意思呢?

  与其说是加载文件过大还不如说是图片过大,因为网页中最常见就是图片,一般文件只有像javascript,html,css这些文件,但是它们通常是很小的,一般只有几k,或者几十k,几乎没有超过1m的。那么图片这块就要大了,一般网页中首页显示的图片是很小的,可能只有100像素左右,但是有些网站虽然首页只是100像素实际文件有几千个像素,甚至有些是用数码相机拍摄下来后不经过处理直接上传上去。如果只有一个这样的图片影响不是很大,但是一般首页或者产品页面会显示几十个产品,假如一个图片是2m,那么20个图片就是40m。这样等于浏览器正在加载超过40m以上的文件,如果客浏览者的电脑配置不高的话早已经死机了。相反一些门户网站这方面就做的很好,像淘宝、网易、新浪这些大的门户网站首页要比企业网站大的很多,但是你有没有感觉打开他们的网站要等半天呢?当然在服务器硬件这块肯定不能与他们相比,但是在网页处理上他们就做的很好。笔者就淘宝网站亲自试验了一下,把淘宝网页保存到本地以后所有文件加在一起只有1M左右,我想一般的企业网站还没有这么小吧!像这些网站首页显示多大图片实际也只有这么大。

  如何为我的网站瘦身

  1,网站代码优化

  空语句

  清理垃圾代码的最后一步就是删除空语句,空语句就是指标签间不存在任何内容的空语句。比如就是一个空语句。

  网站经过垃圾代码的清理后,页面中70%以上的多余代码已经被清除,搜索引擎的抓取负担将大幅度减少,这样我们在优化过程中就能轻装上阵,优化效果就能更加突出,但是精简代码的工作并没有完成。接下来就是暂缓HTML中的长标签,以及对CSS,JavaScript进行优化,这方面的内容,将在以后为大家写出。

  注释语句

  在制作网页的时候,我们会添加一些注释语句来增强代码的可读性,但是过多的注释语句会占用大量的网页空间,而且如果注释语句中存在大量的关键字,还会被搜索引擎认为是对切关键字,从而对网站惩罚,所以,我们在添加注释语句时,就hiuyao尽量避免添加那些即使删除后也不会影响网页源代码可读性的注释语句。

  空格字符

  空格字符是在编辑代码时敲击键盘上的空格键而所产生的符号,网页中的每一个空格都算作一个字符,他通常出现在每行代码的开始出和结束处,还有空行中。对于每行**始前的空格,我们可以用Dreamweaver软件进行清理,具体步骤是:转至HTML代码编辑模式——按Ctrl+a选择全部代码——使用组合键shift+tab,直至删除所有空格;对于每行结尾处的空格可以使用一些文本编辑软件进行替换,具体步骤是:用鼠标选择“>”+“一个空格字符”——然后使用文本编辑软件的替换功能——在替换处填“>”,然后全部替换。对于空行则需要手工逐行清理了。

  2,文件大小优化

  将你的JS文件进行压缩

  服务器端开启gzip压缩

  如果你是3个单独的JS,那么你可以合成1个文件,减少请求次数

  图片文件要用ps处理一下,在不保证失真情况下将文件压缩到最小。