今天遇到一个客户,说网站这两天变的很慢了,所以特地诊断了一下,发现是一个广告代码引起的,我觉得有必要给各位分享一下提高网页加载的诀窍。
同一台服务器,同样的设置参数,但是有的就是快,这是为什么?这是因为一个优秀的添加代码习惯以及网页布局架构。
1、整个网站源码必须符合W3C标准。有人问了,这是为什么,很简单的道理,因为所有的浏览器都是基于W3C标准对网页进行解释,如果你网页不符合W3C标准,即使给href没有加双引号,浏览器都要花额外的时间来进行分析处理。验证地址:http://validator.w3.org/
2、CSS写法注意。这里只说一个需要注意的地方,就是一个样式不要用多级选择器,比如说一个span的样式写的时候,你即可以 .div1 .ul1 li span.sp1,也可以.div1 .sp1,还可以直接.sp1,我们选哪种呢,当然是第三种,同样的,这样也可以大大节约浏览器处理网页的时间,有很多网站为了方便,很多不同的位置都是用的.sp1名,导致不好修改,这样就要花大时间过来。
3、div+css。这里不多说,即是不建议大家使用table表格来布局,也是不要滥用div,滥用div是绝对没有任何好处的,这样搜索引擎就无法判断你的内容结构。
4、广告添加问题。从网页加载角度来讲,将广告放在框架页中,是最好的方式,但是这样会影响SEO优化,所以一般都是放在JS中。我们是建议只要是个广告代码,都全部放在JS中。JS好像也有一个加载层次问题,也就是说JS和网页源代码平级,是根据网页排版先后循序加载的(如果你广告加载慢就悲剧了),但是JS里面的JS可能会延迟加载。这样的做法这也是为了防止在一个页面出现同一个JS文件多次调用(直接插入多个广告联盟代码一向如此),这样极大影响网页加载。
使用JS延迟加载技术也很棒
5、不建议在页面中放没有缓存的动态页面文件,更悲剧的还要做数据库查询,我承认搜一次影视程序的登陆框和更新统计都是杯具中的悲剧(说到这个份上,你知道该怎么做了),总之值得各位引以为鉴。
6、一个心态问题。不要试图让你的网页尽可能的显示更多的内容,如果你有这种想法,你的网页只需要两个页面就可以了,一个首页,一个播放页。内容多了加载慢,反而不利于客户体验。
假设一下:
我来到你的网站,第一是什么?是网页打开速度;第二是什么?是有没有弹窗
如果我是一个有目的的访客,那我肯定会直接搜索这部影片。
如果我是没有目的的访客,我会看什么呢?就是现在最热门的影片是什么,有什么影片推荐给了我,我会在意你的所有分类更新的影片有哪些吗?不会!你搞你N个选项切换有啥意思,鼠标晃晃就不见了。
或许你看看TOM365、一一、第一影院、人人看这些网站就知道了,FLASH、切换都是浮云!
我的网站www.xhyidc.com是经过一系列优化处理的,大家可以看看速度怎么样。
如果你觉得一个小网站应该走标新立异的路线,我对此表示毫无意见!