CDN加速

产品动态 > 正文

阻挡你成为电商黑马的敌人,被我们抓到了

2018-11-22

双11过去一周,快递也陆续到货了,
你无地自容了吗?

网宿直播能力大升级:毫秒级低延时直播全新发布

如果还没有,没关系~
就在明天,
海淘的狂欢——“黑五”接踵而至。
是不是很开心吖

网宿直播能力大升级:毫秒级低延时直播全新发布

但相信很多小伙伴跟小编一样,
对海淘总是有些爱不起来,
因为,海外商城、品牌的国内外官网,
打开实在是太!慢!了!

每开一页都要白屏半分钟起步,
等全加载完,一两分钟都过去了,
完全逛不下去。

网宿直播能力大升级:毫秒级低延时直播全新发布

想起了被无限白屏支配的烦躁吗?

到这里,搞网站的童鞋可能会想,
给网站加速不就是你们CDN的老本行么?

emmm…事实上,得看情况。
比如海外商城、品牌官站上
常出现的两种情况,
大部分的CDN厂商都会说:

网宿直播能力大升级:毫秒级低延时直播全新发布

这是你们Web前端设计不合理的问题!

第一口锅:

外链内容过多,拖慢网页加载进度

所谓外链,
就是HTML页面里引用了来自第三方站点的内容。

引用的文件包括图片、CSS样式、字体文件,
和向页面添加交互行为的JavaScript(简称JS)脚本等。

国际品牌网站,首屏中的外链能达到数十条
什么概念呢?
国内一线电商网站首屏的外链数量,
还没它们的零头多。

网宿直播能力大升级:毫秒级低延时直播全新发布

外链内容对于页面加载的影响在于,
这些文件并不储存在本站的服务器上,
需要再到第三方网站去下载。
而第三方网站并不在CDN的服务范围中。
这就导致外链内容加载速度不可控。

网宿直播能力大升级:毫秒级低延时直播全新发布

当第三方网站位于海外时,需要跨国访问,
这就更加剧了加载时间。

如同一个木桶能装多少水,
起决定作用的不是最长的木板,而是最短的木板。

网宿直播能力大升级:毫秒级低延时直播全新发布

虽然CDN对本站内容可以进行加速,
但一个页面是否整体加载完毕,
能否给用户提供完整的信息和愉悦的体验,
看的不是第一个加载完的文件,而是最后一名。

网宿直播能力大升级:毫秒级低延时直播全新发布

最后一张图没加载完,用户的等待就没有结束

外链内容,往往就是这块短板。

第二口锅:

JS脚本位置不合理阻塞页面

前文已经说到,
JS是向html页面添加交互行为的脚本。
用大白话说,
你在网页上点的各种按钮,都是JS脚本。

常见的第三方JS资源有以下几类:

网宿直播能力大升级:毫秒级低延时直播全新发布

还有一些看不见的JS脚本,在记录你的浏览动作

在现今的web前端设计趋势中,
JS承担越来越多功能,
在网页中占比仅次于图像和视频。
外链插入第三方JS文件,
也是JS主要的使用方式之一。

然而它有一个特性在于,
JS语言的执行环境是"单线程"。
因此,加载到JS脚本时,
页面的下载和渲染都必须停下来,
等待JS脚本下载、执行完成后才能继续。

网宿直播能力大升级:毫秒级低延时直播全新发布

JS的这种特性就好比皇帝出巡,
路上所有人都要停下让道,
皇上不走,谁也走不了。

网宿直播能力大升级:毫秒级低延时直播全新发布

这一特性就导致,
当JS被放在了页面中靠前的位置时,
将阻塞整个页面其他文件的加载。

当一个脚本的下载或执行耗时很长时,
表现出来结果就是页面长时间白屏,
甚至浏览器卡死无响应。

说到这里,既然以上问题
都出自于页面前端设计的漏洞,
CDN常规方式鞭长莫及。
那么,网站是否只能
另行投入人力、财力、时间去研发解决呢?

网宿君说:莫慌

网宿直播能力大升级:毫秒级低延时直播全新发布

网宿全站加速产品WSA
在CDN的基础上,
国内首家深入业务层面,
推出可即插即用的的Web前端优化功能:

No.1 第三方内容加速
通过开辟专有通道,
实现对第三方内容的引流加速。

No.2 JS阻塞优化
在WEB页面中插入网宿自研JS异步脚本,
优化浏览器渲染顺序,
让JS殿后为其他内容让路。

实际测试数据显示,
2项Web前端新技术
可在CDN加速效果的基础上,
额外再将页面加载时间缩减20%!

对于海外购物网站,中国是兵家必争的市场;
对于国际大牌,发展自建商城是未来趋势。
值此岁末年初的电商旺季,
网宿为您保障顺畅的用户访问体验,
告别“速度致命伤”
助您集中精力冲营收!