网站首页 关于我们 网站建设 网络推广 手机网站微商城 企业宣传 客户案例 联系我们
南通泛亚致力于高端品牌网站设计 - 提供专业的网站设计 - 网站策划 - 网站维护 - 网站改版 - 网站推广 - 手机网站
售后服务
售后服务:0513-85288726
公司传真:0513-85288698
投诉建议:139 6297 7866
客服邮箱:gedan@runstar.net
公司地址:南通市港闸区圆融堤调发展中心907
网页怎么设计才能使打开速度快呢?
HITS:2348,AddTime:2010/9/29 15:29:36
在没法优化后台服务器的时候,如何合理的放置网页的元件让她们在浏览器里显示得更加快。这里,我就根据他的建议,把我对 这博客的更新的过程记录一下。如果想了解更多的信息,可以看他的主页,那里有不少他做的讲座的视频和讲稿,还可以看到他在斯坦福开的课的视频……再进一步就是去读他的两本书了《High Performance Web Sites: Essential Knowledge for Front-End Engineers》《Even Faster Web Sites: Performance Best Practices for Web Developers》。

优化的过程,实际上就是根据Yslow这个Firebug的插件的提示“升级”的过程(Yslow可用于不同大小的站点,我选择了“Small Site or Blog”这个选项)。为什么要优化?功利的讲,是让你的页面在搜索引擎里表现更好;但更重要的是,省下这1-2秒的时间,能让你的读者更加舒畅地浏览你的站点。

我做了一下的几步:

把所有的CSS文件放在一起;并避免使用@import的方式倒入CSS文件,因为这种方法强制浏览器在import的时候只能运行一个线程,而一般情况是两个线程一起上的。
对于我来说,我新建了一个styleall.css文件,把所有在”screen”情况下使用的CSS全部复制粘贴进去。使用Yslow中的“All CSS” 的工具,很容易就收集到了所有的CSS的信息——三个插件、Google和theme里用的。最终,从9个不同的CSS文件,我缩到了2个,一个给 ”screen”用,一个给”print”用。在修改了theme调用的CSS的方法后,我到每个插件的设置页面,禁止调用相应的CSS。如果插件不允许 修改的话,我就修改插件的源代码,搜索“.css”,然后删掉。
把所用的javascript合到一起,然后尽可能的放在页面的末尾,因为js的下载强制性的是单线程,放在页面的尾部,给读者印象是页面已经完全下载好了,而实际上有些功能的js还在下载中。
对于我,因为所有的js都不没有使用document.write,可以放心大胆的合并并放到页面的尾部。我使用Yslow中的“All JS Minified”工具,操作很快:所有插件使用的合并到一个min.js在插件的根目录;所有主题使用的合并在theme的根目录;我没有合并来自Google的javascript到前面的两个汇总文件中,因为根据我的理解,Google会根据浏览器的不同把不同的js推送出来。


<script type='text/javascript' src='/js/jquery/jquery.js?ver=1.2.6'></script>
<script type='text/javascript' src='/js/jquery/jquery.form.js?ver=2.02'></script>
理论上我要把上面quene的部分改成直接连接到文件的模式,因为“don’t use querystring – breaks proxy caching”;但这步涉及修改wordpress的核心代码了,没敢。合并js之后,记得到相应的地方禁止原来的javascript的调用,然后把 调用合成js的代码放在footer.php或类似的地方,比如我的


<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/Min.js"></script>
<script type="text/javascript" src="/plugins/Min.js"></script></script>
使用sprites工具,合并背景图片,使用CSS的方法调用。
对于我,直接跳过,因为站点没用多少背景图片;而且这步的修改很烦,“pain in the a#%!”。
使用Yslow中的“All Smush.It”工具,压缩图片。
这里的操作很简单,直接下载在Smush.it上生成的文件,下载替换即可。
在博客或者网页服务器的根目录下修改.htaccess文件,实现图片的cache以及gzip传送

泛亚信息 | 网站建设 | 网络推广 | 手机网站 | 信息资讯 | 联系我们
CopyRight © 2009-2013 panasiait.com   南通泛亚信息 版权所有 
地址:南通市港闸区圆融堤调发展中心907 售后服务:0513-85288726,13962977866
关闭
0513-85288726 工作日:8:00-17:30
周 六:8:00-16:00
Tel:0513-85288726
关注泛亚微信公众平台!