首页 程序笔记 优先的产品才是王道,HTML5不能代表一切

优先的产品才是王道,HTML5不能代表一切

两月余前,关于FACEBOOK放弃HTML5而改用原生的事被炒的沸沸扬扬,一时间HTML5的处境下滑冰点,归其原因是“慢”。Webkit的解析过程先后需要经过解析、建立DOM树、获取对应资源、布局、建立渲染树、绘图到展示。这跟传统的商品流通路径非常相似:工厂、品牌公司、总代理、经销商、卖场、消费者。由于环节太多层层加价,产品到达消费者手里往往价格居高不下。而HTML5的代价同样是用户为使用产品而付出的时间成本。原生就好比F2C,用户直接从“工厂”即本机获取产品/服务,原生由于是本机直接处理,要比浏览器一层层处理下来快的多。谷歌数据:网页加载超过4秒,25%人会放弃;手机网页超过10秒,50%用户会放弃,60%人不再返回;Google搜索结果慢0.4秒,一天搜索量减少800万次;40%移动购物者会放弃加载时间超过3秒的网站;亚马逊每天销售额约6700万美元,网页延迟1秒可导致全年损失16亿美元。可以500%提高开发效率的前端UI框架!

一、Fireox OS 问题重重,前景未卜

在PC上,网页一样是慢于客户端,但与移动端相比,PC用户明显是长使用时间,而且有稳定的宽带速度,等待的时间成本相对较小。而移动端是我们众所周知的碎片化消费。让用户在碎片时间里再去消费掉大量的时间去等产品的运行,完全是扯蛋。至此,似乎非Fireox OS 或 webOS 不能拯救HTML5了。但预计2013上市的Fireox OS是否能如期上市,还是一个很大的问题。就算如预期上市了,Fireox OS本身还有大量的BUG,不能支持android平台软件的系统也极度的缺乏第三方应用。而webOS也早早被HP在2011年8月公开宣布停止开发(包括Palm Pre手机和Touch Pad平板)。可以500%提高开发效率的前端UI框架!

二、GREE为何能够走红HTML5之路

有评论说国人把HTML5捧的太高,HTML5的不成熟引发出各种问题,加上FACEBOOK的失败,似乎验证了HTML5注定没有好下场,可我们似乎忽略了一个在HTML5之路上一路走红的“家伙”,那就是日本的社交网站GREE。非常奇怪的是,我们讨论了几乎一年的HTML5,却一直很少有人专门提及GREE。当然,也可能是我见识的少。不管怎么样,这“家伙”一路走的很HIGH。2008年12月17日,GREE登陆东京证券交易所创业板,首日开盘价超过发行价51%,市值达到1070亿日元,超过日本第一大社交网站Mixi跃居该创业板市场首位。在最近的数据中显示,GREE的用户已达1.9亿,虽然与FACEBOOK的10亿不能相比。但我们比的不是用户,所以请把目光转回产品本身。GREE平均98%的页面浏览量都来自移动设备,而且也没看见人家的用户不爽网页滚屏效果不流畅。Why?请注意,我们之前已经解释过了为什么Web APP比Native APP慢,在 GREE社交网站上,只有游戏是HTML5。而在FACEBOOK上,HTML5负责处理了太多的信息加载、图像绘制和数据的加载,这些都不是HTML5擅长的。而GREE就聪明很多,在大量的数据方面, 他们尽量为平台做瘦身,降低平台本身的停留时间,同时用常规语言编写平台,但在游戏方面,他却采纳的是HTML5。在GREE约502款的游戏中,有30~50款是需要下载的,剩下的全部是HTML5或WAP游戏,而HTML5游戏又以卡牌类为主流。混迹游戏的人士都知道日本人爱好卡牌类游戏,体验过的朋友就知道这类游戏刚好画面效果简单,是HTML5完全能够支持的。可以500%提高开发效率的前端UI框架!

如此这般,用户在打开GREE进行各种社交行为和玩游戏的时候,完全不受影响。而FACEBOOK却偏偏露了HTML5现在的短板。

三、中国HTML5之路该如何走下去

反思中国现在的几只领头羊产品,立刻玩、多泡、e点游戏,无一不是全部使用HTML5开发的,做为中国敢为人先的少数产品,如果因此而夭折,未免令人痛惜。有幸曾与立刻玩平台的制作人一起聊过,在谈到这里的时候,他也表述现在过于追求html5在中国不是非常现实的,html5游戏平台,强调的并非html5语言所开发的的游戏平台,而是提供给用户无终端限制无需下载的html5游戏。所以平台本身,网站版尽量用常规语言开发,减少平台本身的效果,降低平台本身的停留时间,将用户引导进入游戏产品本身,客户端版本,用原生语言开发,游戏内容采用html5语言,下载一个原生客户端,可以体验无限款html5游戏。可以500%提高开发效率的前端UI框架!

重内容,轻语言,优先的产品才是王道,HTML5不能代表一切。一个平台产品本身做的多绚丽不重要,就像是白纸,纸用什么造的不重要,关键是白纸上的图案。

2

站心网

两月余前,关于FACEBOOK放弃HTML5而改用原生的事被炒的沸沸扬扬,一时间HTML5的处境下滑冰点,归其原因是&..

为您推荐

说说产品经理的兵器和内功

产品经理,是互联网江湖中极其重要的一类人。在外人看来,他们亮丽光鲜,指点江山,激扬文字;但在他们自己看来,只不过是一个谋生的工种,实现自我价值的一个职业罢了。个中滋味,唯有自己方能体会。我初入江湖,实..

独立开发者从零到一,揭秘产品孵化全过程

对于许多独立开发者而言,从创意的萌芽到最终产品的诞生是一个漫长而又充满挑战的过程。在这个过程中,需要克服各种困难,不断优化和完善自己的产品,才能最终将其推向市场。(Solo社区投稿)一、创意萌芽在产品孵化..

GreenSock: 高性能的 HTML5 动画库

在现代网页开发中,动画已经成为提升用户体验的关键元素。无论是滚动效果、页面切换、按钮点击还是复杂的交互动画,良好的动画效果不仅能吸引用户,还能使界面更加生动、易用。GreenSock(GSAP,GreenSock Animation..

.NET 9 即将推出的功能Task.WhenEach

.NET 爱好者!我刚刚偶然发现了一个非常酷的新 PR,它被合并到 .NET 运行时存储库中,我想分享一个例子。希望您能为新的 .NET 版本大肆宣传!在即将到来的 .NET 9 版本中,我们预计会有一个名为 .它在这里让您的异步..

针对 Go 语言开发的 SQL 驱动模拟库

数据库交互是几乎所有应用程序不可或缺的一部分,开发者们常常需要对数据库进行各种操作,包括插入、更新、删除和查询等。然而,在开发过程中直接对真实数据库进行操作不仅耗时耗力,还可能带来数据一致性和安全性的..

DockerUI 中文可视化Docker管理工具使用示例

DockerUI 是由国内开发者打造的一款优秀的 Docker 可视化管理工具。该工具拥有简洁直观的UI界面,可以轻松进行Docker主机管理、集群管理,以及Docker任务的编排等操作。DockerUI不仅展示了资源利用率、系统信息和更..

Blazor的N种渲染模式原理和常见问题说明

我们从下面这幅图开始,下图显示了三种渲染模式,分别称之为静态SSR、交互式SSR(即之前的BlazorServer)、交互式CSR(即之前的BlazorWasm)。还有一种渲染模式BlazorHybrid,稍后说。一、先浅层理解一个图例静态SSR:经..

前端CSS常见的三种设计模式

CSS设计模式主要包括OOCSS、SMACSS和BEMCSS等。以下是对这些模式的具体介绍:OOCSS:面向对象的CSS,旨在编写高可复用、低耦合和高扩展的CSS代码。它将抽象(结构)和实现(样式)分离,抽离公共代码,以提高代码的..

WinToUSB | 把Windows塞进U盘里即插即用

不论是在外出差,还是在家临时办公,现在很多设备携带起来都不是那么方便,在这种情况下,有一个轻巧而高效的操作系统环境就显得格外关键。今天,要给大家介绍一款超级实用的便携式系统启动盘,凭借其独特功能和卓越..

.NET Framework被淘汰了吗?

.NET Framework并未完全被淘汰,但它的某些版本确实已经停止支持。微软在2023年11月10日停止了对.NET Framework 4.8之前的版本的支持。这一决策意味着使用这些旧版本的应用程序将不再获得安全更新和其他维护,从而可..

强大的 .NET Mock 框架 单元测试模拟库Moq使用教程

单元测试是确保代码质量和可靠性的重要手段。当我们的代码依赖于外部系统、数据库或第三方服务时,编写有效的单元测试可能会变得复杂且耗时。为了简化这一过程,模拟(Mocking)技术应运而生。在 .NET 生态系统中,M..

CLS 问题:超过 0.1(桌面设备) 是什么意思?

在网页设计和开发中,CLS(Cumulative Layout Shift)是指页面布局的累计偏移量。当一个用户与页面互动时,如果页面的某些元素突然改变位置或大小,导致整个布局发生偏移,就会产生布局偏移。这种偏移可能会影响用户..

Angular UT 模拟执行setTimeout

在 Angular 单元测试中,我们经常需要模拟异步操作,比如 setTimeout。提高测试速度: 真实环境下的 setTimeout 会阻塞测试,导致测试运行时间过长。确保测试的可靠性: 模拟 setTimeout 可以让我们更好地控制异步操..

JavaScript 的 sessionStorage 能否加锁?

直接给 sessionStorage 加锁是不可能的。sessionStorage 的本质: sessionStorage 是浏览器提供的一种用于在当前浏览器会话中存储数据的机制。它存储在客户端,数据仅在当前浏览器窗口或标签页中有效。加锁的必要性..

Redis 同步、击穿、穿透及雪崩简述

对Redis最常见的几个问题,简要的说下我的理解与解决方法。数据同步指Redis做为缓存,在数据变化时,怎么保持与数据库数据同步的。一般解决方案为:缓存双删(同步方案大都采用删除缓存,而不会更新新缓存。缓存击穿..

Vue 3.5引入新特性 还有与SSR相关的改进

Vue 3.5引入了响应式属性解构、useTemplateRef方法、useId实用函数、内部响应性重构等新特性。以下是具体介绍:响应式属性解构此功能允许开发者在defineProps宏中解构属性而不会失去响应性,这为组件间的属性传递提..

Asp.Net Core进程内托管 和 进程外托管的区别

在ASP.NET Core中,托管模型决定了应用程序如何运行及其与Web服务器交互的方式。主要有两种托管模式:进程内托管(In-Process Hosting)和进程外托管(Out-of-Process Hosting)。每种模式都有其独特的优势和适用场..

C# 使用Barrier进行多线程同步

在多线程编程中,同步是一个关键问题。Barrier 是 .NET 提供的一种同步机制,用于协调多个线程在执行某个阶段工作时进行等待,直到所有参与的线程都达到某个同步点后再继续执行。这对于需要在多个线程之间进行阶段性..

ASP.NET Core实现多语言本地化Web应用程序

构建全球可访问的网站和应用程序需要对内容进行适当的本地化,以吸引来自不同文化和地区的用户。ASP.NET Core 提供强大的本地化支持,以用户首选的语言和格式呈现内容。在本综合指南中,我们将探索 ASP.NET Core 中..

ASP.NET生成图片验证码

今天开始做一个新项目,包含完整的注册登陆流程,在登陆时需要输入验证码防止暴力破解。 制作思路是这样的: 准备使用handler一般处理程序来写,先随机从0-9和A-Z里随机取4个数字,将内容保存在Session中供验证时使..

发表回复

返回顶部