Pages (39) « Prev 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Next »

看阿里如何做页面优化

YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。

仔细研究了下YSlow跌评分规则。

主要有12条:

1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS请求,3个CSS请求,47个CSS background images请求),多的可怕。思考了下,为什么把这个三种请求过多列为对页面加载的重要不利因素呢,而过多的IMG请求并没有列为不利因素呢?

发现原来这些请求都是可以避免的。

15个JS和3个CSS完全可以通过特殊的办法进行合并(这个技术部已经帮我们解决了,实在是太感谢了,嘿嘿。),这样合并以后,一般情况下页面上只会出现一个JS和一个CSS(对JS的封装得有一定的要求)。

但是47个CSS background images请求改怎么解决呢?为什么页面上的纯IMG请求时合理的,而CSS background images请求过多就是不利因素了呢。这个我想了很久,总算明白,原来是这样的:

一般页面上的ICON,栏目背景啊,图片按钮啊,我们都会用图片CSS背景来实现,而一般这个图片CSS背景用到的图片都是比较小的,所以完全可以把这些图片合并成一个相对比较大的图片,这样页面上只会出现一个CSS background images请求,最多也就2-3个。后来仔细看了下雅虎美国的页面,他们的确也是这样做的,虽然这样做需要花一定的时间来有规则的合并这些ICON,栏目背景,图片按钮,以方便CSS调用,但是这样做绝对是合算的,而且是有必要的,YSlow也是极力推荐的。


网站类产品开发流程

1、产品制作人,写产品计划书。

2、用户体验研究员,作调查分析。

3、信息建构师,设计产品结构。

4、互动设计师,作出互动流程。

5、视觉设计师和用户界面设计师,作出页面视觉设计。

6、前台工程师,前台开发。

7、后台工程师,后台开发。

8、用户体验研究员,做用户测试确保质量。

我知道网站开发行业在国内多数企业中是没有一个科学的管理体系,甚至没有一个明确的开发流程。

他们一般只走了后四步,我觉得以上方法比较科学和可行。

HIP-HOP发源地,啥是酷?

audio Click Here to Show/Hide Media
http://www.youtube.com/v/gCF6ff_1p1A&hl=en

Flash "Next" Sneak Peek

audio Click Here to Show/Hide Media
http://www.youtube.com/v/vqMI480D668&rel=1

令人尖声高叫的 Flash10 骨骼绑定及3D引擎

Pages (39) « Prev 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Next »