一个网站的诞生- MagicDict开发总结8 [页面优化 能省一点是一点]
首先祝大家端午节快乐。
由于网站的配置灰常不好,所以有一段时间,首页的访问都很慢。原来以为是首页的东西太多了,(后来才知道是数据库出问题了)所以想方设法的优化首页。
方法一:能放在其他地方的资源,就放在其他地方,大网站不在乎我这点资源。
首页上的图片,背景图片,找个可靠的论坛,比如博客园,放在个人的相册里面,然后,<img src> 里面直接写上相册地址就OK了。以后下载图片直接从大网站下载,虽然这样做不厚道,不过大网站不在乎这点微不足道的流量。。不过,有些论坛的图片不允许外部访问[图片盗链],所以这个方法使用前,先测试一下。Jquery这样的东西,倒是可以名正言顺的使用Jquery官网的资源,好像官网也欢迎这么做。。。。这个方法,只有在很极端的情况下才考虑使用,属于下三烂的手法[我承认,我用过]。
方法二:如果使用了ASPX的控件的话,每个控件会产生一个WebResource.axd的东西。
关于这个压缩,网上资料满天飞了:
WebResourceCompression压缩模块
WebResourceCompression.dll下载地址:https://files.cnblogs.com/aspxcn/WebResourceCompression.zip |
当然,最根本的方法是,不用任何ASPX的控件,或者少用控件。输入框,按钮,都使用纯HTML,自己写Post方法。老手当然可以这样,只会拖拖控件的小朋友。。。。现在 magicDict 没有使用任何ASPX的控件。
<input type="submit" class="buttonNormal" id="btnJP2CN" value="检索" />
当然说到了压缩,还有一个好伙伴一定要介绍的,他的压缩范围是这个页面,效果灰常明显啊,大爱。
给个关键字 Compression.PageCompressionModule.dll 用这个Google一下,你想要的压缩的介绍文章,什么都有了。
这些DLL使用起来也很方便,直接放在BIN下面,万事OK了。。。。给力。
方法三:把JS尽量放在页面的底部。
为什么这么做?
理由1:JS在下载的时候,会将其他的资源下载都停下来,所以,这个家伙还是放在最后下载吧。[道听途说的,如果不对,请大侠指出,以免误人子弟]
理由2:用户能够先看到页面的内容,比如文字图片,就不会觉得网页下载慢了。JS的功能,可能不是一下子就用得上的。如果先下载JS,用户看到一个空白页面,会抓狂的啊。。。。用户伤不起啊伤不起。
方法四:把小图片整合成一张图片,然后使用指定左上角的坐标的方法来偏移图片,使其能够表示你想要让用户看的部分。
每个小图片都一个个下载,对于服务器来说可不是一个有趣的事情。把这些图片放在一起,一次性的下载下来,然后按照需要表示其不同的部分,也是一个好的方法。
Google关键字 css sprites
网页优化的 奇巧淫技 还有很多很多,有些东西,不使用不知道的。如果不是因为当初网站实在慢的不行了,估计不会去研究这些东西的。上面列出来的只是我使用过的方法,不足的地方,请大家补充。。。。第一次制作网站,边做边学习啊。。
网站第二阶段研发开始了,懂日语的童鞋,能和我一起做吗?
有兴趣的写信给我 root#magicdict.com [convert # to @ ]
或者加MSN mynightelfplayer@hotmail.com