亚洲城手机官网 >亚洲城手机会员登录 >后台的“Nickei电子版亚洲城手机会员加速和PWA支持”项目通过更新加速显示 >

后台的“Nickei电子版亚洲城手机会员加速和PWA支持”项目通过更新加速显示

日经电子版在显示器由于更新而变得更快时带来了很大的响应

最后,作为日本经济新闻的软件工程师,负责前端和后端的Toshiya Shishido先生。

会议标题是“ ”。

日经电子版于2010年3月推出,是一种电子媒体,每天发送约900篇文章。 超过500,000名付费会员,超过300万免费会员,以及每月超过3亿次访问。 它是世界上最大的经济媒体,在全球的纸质和电子版本中共有300万份。

Shishido先生负责日经电子版续订项目“Next Nikkei”。 来自“r.Nikkei.Com”的交付取代了11月发布的移动版和一些PC亚洲城手机会员。 显示速度也得到了提高,响应速度很快,与旧版移动版相比,速度大约是其两倍。

更新的背景是移动终端的访问量增加,以及分别开发PC版和SP版所需的时间。 促进2015年收购英国金融时报的内部制作和学习。

旧移动版本的第一个问题是在基于Backbone.js和jQuery编写的SPA中存在可维护性问题

其次,由于加载了大量子资源,膨胀的js文件和服务器端渲染(SSR)不受支持,初始显示速度很慢 第三是我们使用旧的API服务器,并希望使其通用

在日经指数之前,“金融时报”重新设计了其网络版。 “亚洲城手机会员的速度非常重要,”首席信息官的首席信息官说,“尝试运行测试,如果亚洲城手机会员访问速度很慢,即使是1秒的亚洲城手机会员也会减慢参与度。”我在跟你说话。

在FT中,我开车推迟显示亚洲城手机会员,当我测试它会如何影响转换时,我发现每次亚洲城手机会员慢一秒时转换率会降低几个百分点。 通过将此案例应用于日经指数,Next Nikkei项目已经启动。 最重要的KPI是速度

为了改进UI / UX,我们致力于响应和PWA。 我们将审查实际的基础设施和架构,并采用Fastly和microservieces架构。 当然我去了内部。

r.nikkei.com的内部配置由容器上的Fastly + Elastic Beanstalk + Node.js配置,并运行30多项服务。

加速亚洲城手机会员的技巧

r.nikkei.com通过CDN提供快速,动态的内容。 VCL灵活地控制缓存并优化HTTP / 2的使用,子资源的压缩和图像传递。 你是如何加速这些亚洲城手机会员的?

快速缓存策略包括Cache-Control,Surrogate-Control设置,身份验证cookie解码,Feature Flags规范化(Preflight)等。 有关详细信息,请参阅“ ”,但结果是,可以将缓存命中率保持在90%左右。

我们还使用Fastly的HTTP / 2函数。 除了HTTP / 2的好处之外,例如不必担心同时域连接的数量和加速二进制流,还使用了Server Push。 服务器推送适用于关键路径。

对于资源压缩,可以压缩的所有内容都是压缩的。 快速基本上只能缓存Vanish上的内容,但它也允许使用H2O进行动态压缩。 通过让Fastly进行压缩,可以节省源的CPU资源。

图像传递使用imgix的SaaS。 我改变了我在内部制作的图像转换服务器。 HTTP API允许灵活的面部识别,裁剪,调整大小等,以及缓存控制。 作为边缘优化的结果,实现了高速缓存命中率和源服务器的资源减少。

1