就在今天呢就是双11,大家都在忙着清空购物车,讨好老婆,或者宠着败家娘们。这个我呢,没啥购物车,也没那个败家娘们,反正是无聊啊,那就来看下这几家龙头电商的主会场布置的怎么样吧,我现在是在学习阶段,太多的深入分析也不会,就眼看到哪里说哪里吧。
这个主要看的网站呢有:天猫,京东,苏宁,就这3家吧,都是百度随机推荐的,我也没分什么排名,要怪就怪百度去。
嗯,好,首先来看下各位的主页打开之后的第一屏,我是小笔记本,至于显示怎么样先不管了。
一,天猫
嗯,这个直接打开百度,然后搜索天猫呢,会出现这个广告,这个我暂时也不清楚是怎么实现的,反正这个视觉效果还是蛮好的。
接下来是主会场了
嗯,这个满屏的红色,很是绚丽呀。
好,来右击看下源代码
嗯,有点尴尬,貌似没有代码呀,这个不是浏览器有问题,我们往下滚动看下
这个可以看出,从87行开始就有代码了,这个或许是要防盗吧,呵呵我猜的,搞不懂哈
放一张全页面的缩略图
从这张图可以看出他的代买整体集中在中部和底部,底部那一大片是一整个JSON
来看下资源的目录结构
整体的结构是这样的,都是自己家的CDN服务器,财大气粗随便用啊
我大概数了下,这个主会场所有资源数量在180左右,最大的图片就是下面这个了,浏览器显示是536KB,看来图片控制的还是蛮好的,而且看这个图片还是非常清晰的
看了下JS,CSS也都是全部压缩过的
这里有一串这个数据,看得出来天猫的打开素的还是很快的
二,京东
同样来个绚丽的百度搜索弹出广告
看下主会场
也是很炫,很霸气啊,这个面包屑黑色背景,彩色前景搭配很好看哈
看下源码
这个一打开,就看到源码了
看下源码缩略图
这个好像一把宝剑啊,从头都是代码
从目录结构看,是多个图片服务器
从上面图片大小看,最大的就是这个了,197KB,这个比天猫小了好多
京东的JS也是全部压缩的,CSS有些是没压缩的
从这张图看,京东占用用户流量还是比较少的,速度也是非常快
三,苏宁
苏宁的百度搜索呢也有一个特写
苏宁也是主打粉红色,这个面包屑只有向上滑动到一定位置才会出现,同样采用黑底彩色标签,和京东很像
这个面包屑有点意思啊
苏宁的代码
代码缩略图
看下目录结构
也是分了好多个图片服务器
苏宁和天猫差不多最大图片达到400多KB
苏宁的加载速度应该是最快的,就是报了个错,估计是浏览器问题
这个总体上我能比的也就这些了。
据说今年的天猫抗压能力那是提高了太多太多了,太深奥,我也不是很懂,有大牛可以出来解释下,给咱们开开眼。