网站和App的区别你真的知道吗？一篇文章帮你彻底说清楚

想知道网站app小程序有啥区别吗？很多人说app性能更好，也有人说app要下载安装小程序，不用，甚至微信官方都说小程序是一种不需要下载安装即可使用的应用。

有些人说小程序就是个网页，对此我不做结论性的表态。毕竟屁股决定脑袋嘛，仅仅是作为一个网站原生iosm小程序都开发并发布上线过的人。我来根据自己的实际开发经验，把网站app小程序那里是掰开了，揉碎了。那尽可能用小白都听得懂的语言给大家讲清楚。其实不说小程序或网站和app的区别，你可能也未必清楚，内容有点多。这个视频就先讲讲网站和app之间的区别吧，先从网站说起吧。毕竟网站出现的最早世界上第一个网站http://info.cern.ch诞生于一九九一年八月六日，该网站目前仍运转正常。其实就算是网站二零零九年之前的网站跟二零零九年之后的网站也是有较大区别的。因为二零零九年前端三大框架中最早发布的android诞生了前端三大框架(angular/react/vue)开发的spa单页web应用。

从名字看都已经叫应用了，而不是网站。虽然它跟普通网站一样，通过一个网址访问和app就是应用application的缩写。也就是说二零零九年之前的网站是传统网站，二零零九年之后的现代网站已经叫web应用了。所以接下来我就按出现时间的先后顺序分别讲讲传统网站appweb应用和小程序。

首先是传统网站。

我在我发的静态内容网站和动态内容网站有啥区别的？视频中讲到网站有静态内容，网站动态内容网站的区别对于静态内容网站来说，当用户在浏览器里输入一个网址的时候，浏览器向网站的服务器或前端网页托管发送了一个请求。嘿，兄弟，我想查看一下这个网页，然后网站的服务器或前端网页托管就会把现成的html文件发送给用户的浏览器。浏览器收到这个html文件后，就会根据这个html文件的代码渲染页面，然后网页中就会显示渲染后的内容，然后。

而动态内容网站并没有这个可以直接发送给浏览器的现成的html文件。动态内容网页在服务器上只是一个html模板，它相比静态的内容网站多了这一步。

他需要后端编程语言，比如php从数据库读取数据，把html模板上的变量替换掉，当场制作一个静态的html文件。对用户而言，在浏览器上收到的都已经是一个内容确定的html文件了，只是通过它的内容，网站需要后端编程语言这个自动帮你写html代码的机器人。根据数据库里最新的数据制作html文件，这就是用户访问传统网站页面是你所看不到的，你看得到的就是网页的内容展现在你眼前。当用户访问另一个网页的时候，又要从服务器加载或者叫下载另一个html文件过程还是上面的过程。那么了解以上过程就能理解。当网站访问量大，尤其是同时访问的用户多时，估计就有可能会忙不过来。他忙不过来，你还硬要他继续工作，他就能死给你看。如果是动态内容网站。

数据库可能会先与服务器跟你聊天的。那么同样的情况，如果是app情况就会好很多。不过这里要说明一下那种一个网址链接，套个app外衣的app俗称套壳APP，就不要跟着沾光了。因为本质上这种套壳app就是把app当浏览器用的普通网站。就算穿了衣服，它还是个网站，它跟网站一样，用户每次访问页面还是要从服务器加载。就我开发过的iosapp来说，苹果官方是很不欢迎这类套可爱app的苹果官方就说过，这类app应该用网站，而不是做app苹果并不是绝对反对不用原生编程与objective-c 或swift开发iosapp,，而是不欢迎你开发用户体验糟糕的app。所以像这种套壳app丢到垃圾桶里就好了。app尤其是原生编程语言开发的app跟普通网站的一个很大的区别，就是一个网站展现在用户面前的页面，文件需要用户访问的时候，从服务器获取。

一个app展现在用户面前的页面，文件，在用户从应用商店下载app的时候就已经放在里面了。这些页面本身就是app的一部分，这些页面你也可以理解为视频前面说的动态内容。网站的html模板只是原生编程语言，开发的app页面，不是用html写的而已。

那么当用户访问app里的某一个页面的时候，只要向服务器获取数据，库里的数据就可以了。这些数据一般以jason格式从服务器传到app里，jason是啥，你暂时不用理会，你只要知道服务器要把数据库里的数据传给APP，总要有一种形式，而大家往往会有jason数据格式而已。一个html文件有多大？而一个数据的内容才多大。前者一般是多少kb后者一般是多少b何况网易还不止有一句tml代码，还有cns和javascript的代码，同样的访问量和同时访问用户量用app服务器的压力自然就更小，也就更不容易崩溃。服务器跟人一样，你对他好，他也会更努力的为你工作。当然在页面宣传栏上，原生编程语言开发的app性能应该也会更好，也就是能用更短的时间渲染出页面展现给用户看。

并且更流畅，毕竟一个是手机操作系统级别的渲染，一个是操作系统里面的一个软件浏览器的渲染。但是这点差异一般也只有手机或电脑自己能感觉出来，人的肉眼是没有那么容易感觉出这个差异的。可能用很差很差很差的手机可以吧。所以app相对传统网站的性能优势主要还是在于app把用户要访问的页面资源。在用户下载app的时候就放在里面。这些页面渲染所需的文件资源不需要再从服务器获取。

以上说了app和传统网站的一些差异，这里我需要讲讲以前端三套框架为代表的现代网站，或者说spa单页web应用相比，传统网站又有哪些进步？它仍然是网站，因为它确实是像传统网站一样，通过在浏览器输入一个网址访问页面。而它为什么又被叫做应用呢？不同于传统网站有很多个网页文件组成spa单页web应用只有一个网页文件。用户访问网站的时候，除了第一次要从服务器加载一个网页文件，后面用户再访问其他页面的时候，都不需要再向服务器加载网页文件跟APP一样，从服务器获取数据库里的数据就可以了。这个第一次访问网站加载的网页文件，就相当于用户从网站运营者的服务器下载了一个app。所以这种现代网站被称为单页web应用也就不奇怪了。但大家可能也发现了，这类现代网站虽然具备app的很多优点。

在首次加载不同于传统网站，只是加载一个页面，他要下载一个app，前者一般是多少kb，后者一般是一到两兆。如果没有其他技术的加持，这里spa单页应用会有首次加载耗时长的问题，甚至出现首页白屏的可能。另外这类网站seo的效果是极差的，当然也都是有办法解决的。比如ssr后端渲染apwa技术的最终的效果会使得开发出来的网站用户操作体验比fx差不了多少。反正人的肉眼是没那么容易感觉出这个差异的，可能用很差很差很差的手机，可以吧？

以上是从怎么减少服务器压力和页面渲染能力的角度说，网站和app的区别。但一个网站app小程序不只是访问页面，还有调用手机的摄像头、麦克风，访问用户相册、蓝牙陀螺仪等功能，这些都需要手机操作系统的支持。这些功能的支持浏览器肯定是不如at的。有的功能浏览器甚至支持不了。从这个用户来说，app能提供更好的用户体验。那对开发者来说就不一定了。由于用户要操作的页面，早在用户下载app的时候就存在app里了。这使得开发者在做app版本更新迭代的时候特别痛苦。每次做app的版本更新都需要考虑之前的各个版本，可能还有用户在用，需要考虑兼容。所以很多app都会做一个强制更新的功能。

网站无论是传统网站还是web应用，这完全没有这个问题。那么作为最晚出现的小程序又提供了怎样的解决方案呢？下个视频告诉你，小程序这个相对较新的物种和网站app的区别。