2017年双11各大电商主会场页面简单分析

就在今天呢就是双11,大家都在忙着清空购物车,讨好老婆,或者宠着败家娘们。这个我呢,没啥购物车,也没那个败家娘们,反正是无聊啊,那就来看下这几家龙头电商的主会场布置的怎么样吧,我现在是在学习阶段,太多的深入分析也不会,就眼看到哪里说哪里吧。

这个主要看的网站呢有:天猫,京东,苏宁,就这3家吧,都是百度随机推荐的,我也没分什么排名,要怪就怪百度去。

嗯,好,首先来看下各位的主页打开之后的第一屏,我是小笔记本,至于显示怎么样先不管了。

一,天猫

嗯,这个直接打开百度,然后搜索天猫呢,会出现这个广告,这个我暂时也不清楚是怎么实现的,反正这个视觉效果还是蛮好的。

接下来是主会场了

嗯,这个满屏的红色,很是绚丽呀。

好,来右击看下源代码


嗯,有点尴尬,貌似没有代码呀,这个不是浏览器有问题,我们往下滚动看下


这个可以看出,从87行开始就有代码了,这个或许是要防盗吧,呵呵我猜的,搞不懂哈

放一张全页面的缩略图


从这张图可以看出他的代买整体集中在中部和底部,底部那一大片是一整个JSON

来看下资源的目录结构

整体的结构是这样的,都是自己家的CDN服务器,财大气粗随便用啊

我大概数了下,这个主会场所有资源数量在180左右,最大的图片就是下面这个了,浏览器显示是536KB,看来图片控制的还是蛮好的,而且看这个图片还是非常清晰的

看了下JS,CSS也都是全部压缩过的

这里有一串这个数据,看得出来天猫的打开素的还是很快的

二,京东

同样来个绚丽的百度搜索弹出广告

看下主会场

也是很炫,很霸气啊,这个面包屑黑色背景,彩色前景搭配很好看哈

看下源码

这个一打开,就看到源码了

看下源码缩略图

这个好像一把宝剑啊,从头都是代码

从目录结构看,是多个图片服务器

从上面图片大小看,最大的就是这个了,197KB,这个比天猫小了好多

京东的JS也是全部压缩的,CSS有些是没压缩的

从这张图看,京东占用用户流量还是比较少的,速度也是非常快

三,苏宁

苏宁的百度搜索呢也有一个特写

苏宁也是主打粉红色,这个面包屑只有向上滑动到一定位置才会出现,同样采用黑底彩色标签,和京东很像

这个面包屑有点意思啊

苏宁的代码

代码缩略图

看下目录结构

也是分了好多个图片服务器

苏宁和天猫差不多最大图片达到400多KB

苏宁的加载速度应该是最快的,就是报了个错,估计是浏览器问题

这个总体上我能比的也就这些了。

据说今年的天猫抗压能力那是提高了太多太多了,太深奥,我也不是很懂,有大牛可以出来解释下,给咱们开开眼。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容