我们的《双陈记》情侣博客也折腾了很久了,代码越来越多,图片越来越多,访问速度也不给力啊。
暂且放下想折腾其他功能的想法,在最近一段时间开始纠错,优化,提速。
今天是优化提速的第一天吧。
首先准备好折腾利器:王牌工具firebug,接着是firebug的两大插件:YSlow和Page Speed, 还有一个验证Html的插件:html验证器。
工具准备好后,先测试一下《双陈记》情侣博客在YSlow和Page Speed下的得分情况:
预料中,得分相当的杯具啊。YSlow下得分70,Page Speed下得分:76.
我的天啊,优化之路看来很坎坷漫长啊。
用html检验器,一验证,我的天啊首页100+个错误。
今天就折腾了首页的那些错误。
总结一下html容易犯错的地方:
1.有插入flash代码的地方,不要用<embed>,要用<object>才能通过验证。如:
<param name="movie" value="http://love730.com/wp-content/themes/love_zz/images/countdown.swf" />
<param name="wmode" value="transparent" />
</object>
这样才能通过检验。
《双陈记》情侣博客一个有2个flash,一个是相恋时间统计flash,这个flash在源文件里直接就把时间设置了,再用<object>很容易就通过检验了,不过另一个flash的倒计时,很杯具了,换用标准标签其他浏览器都能正常显示,也检验通过了,就TMD的IE不给力,挂了,在源文件里折腾了一下也搞不定啊。
现在首页的错误就剩这个flash倒计时<embed>引起的10错误了。(纠结啊,又不想把这个功能丢了,用标准的IE又要挂,神啊救救我吧!)
2.标签闭合问题:如<li><li>忘了那个斜线,正确的是<li></li>
3.嵌套顺序问题:如<div><span></div></span>这样就错了,应该这样<div><span></span><div>
4.<li>和<span>不要单独出现应该放在<ul>,<ol>这些里面,不然要报错的。
5.img的alt属性,这个问题很容易忽略的,都把img的alt属性加上吧!
今日优化总结:先纠错,再优化。今天把首页的错误基本搞定了,就剩那个蛋疼的flash倒计时了还有疼逊微博那个杯具的框架,错误也多啊。晚上再去把文章页面的错误纠正了。今天的任务就算完了。
每天抽空纠纠错,先把优化的基础打好。
嘿嘿,纠错优化之路漫长哟,慢慢搞吧!
chrome下 工具栏有点问题哦·· 加油折腾!
越搞越烦啊,本来都没问题,按照检验的提示,改了代码,就有点杯具了