逐步了解 Synchronized

为什么使用单页网站应用程序?

对于在服务器上生成内容的动态页面，这是一个不错的选择。例如，如果你要建立一个搜索引擎优化和动态内容都很重要的在线商店，那就太好了。

动态页面可能是完美的，因为单页应用程序经常有搜索引擎优化的问题，搜索引擎不必等待浏览器中运行的JavaScript代码完成呈现。特别是当你首先需要从JavaScript代码中获取一些内容时。但它们第一次搜索引擎的优化可能是单页应用程序的一个问题。

它不像服务器端的应用那样，内容是动态生成的，在那里你已经获取了一个完成的页面，所以搜索引擎的爬虫看到的就是用户看到的，唯一一点缺陷是所有的重任都落在服务器上之外。当然，这样做的好处是，当应用程序在用户的浏览器中运行时，你不会影响它的性能。

特别是在较慢的设备上，它可能更适合。因此，动态页面与动态站点相比，内容是在服务器上按请求生成的。它们无处不在，它们有自己的用例。

不仅如此，以那些数据频繁变化的用例为例，内容是高度动态变化的，此时搜索引擎的优化很重要，或者你想在服务器上把性能从用户那里拿走，或者不是性能，而是把性能的影响拿走，这都是一些有用的场景。

结论
 

为什么以及在哪里选择动态网络应用?

在动态网络方式中，服务器端在每次点击时都会渲染所有内容。但是加载新页面会导致一个新的请求，然后回应在服务器上生成的页面。虽然现代引擎的速度真的很快，但还是会有轻微的延迟，如果动态内容没有变化，我们甚至需要一个新的页面。

假设一下，如果用户只想要一个网站的介绍或联系页面。这时出现了一个单页面应用程序。这里，如果只有一个单页、服务器上的一个HTML文件，那么只有一个文件返回给用户。但在这个文件中，最核心的事情就是加载并启动了一堆JavaScript，然后JavaScript代码将执行，从服务器上获取数据，然后构建整个HTML页面。

另一方面，DOM要做的正是用户在浏览器中迅速看到的东西。其中一个巨大的优势就是JavaScript在浏览器中运行，用户看到的一切都在浏览器中呈现。对于即时发生的事情，不需要发送额外请求来加载新的页面。

偶尔会有一些请求需要被发送来获取新的数据。但是在这期间，网站可以呈现一个微调器或者干脆在导航中延迟半秒之类的。这就是一些可以提高用户体验的技巧。这些全都是免费的方法，且往往看起来像单页应用程序。

为什么以及应该在哪里使用静态网络?

如果你有一个非常简单的页面，没有动态的内容，比如你的个人主页，上面的内容不会频繁变化;比如你每年只更新一次简历，那么你当然可以用一些CSS，或许加上一点点JavaScript构建一堆HTML文件，然后配置到服务器上。然后任务就完成了。

即使当遇到有改变更加频繁的内容，像是Medium.com。那么你可以使用静态网站生成器，在那里你会有一些数据源，可能是一个数据库或一堆markdown文件。然后你可以定义你的页面一般应该是怎样的，每个页面的框架是怎样的等等。

然后这个静态网站生成器就可以由你来运行了。你启动生成过程，生成器会查看你所有的数据源，获取数据，使用预定义的HTML框架，然后插入数据，输出一堆预生成的HTML文件，这并不是在服务器上生成的，而是在你的机器或云端。

但这并不是作为传入请求的一部分。而是在页面部署之前，你将那个完成的静态页面部署到服务器上。最棒的是，甚至有像gatsby、nextJS这样的解决方案，可以让你构建一个react应用。然后，当你把它构建成一个静态网站时，它就会为你呈现出基于用户可能访问的每一个页面而预生成的HTML页面。然后，无论你加载哪个页面，都会加载到完成的HTML代码。

但一旦加载出了一个单页应用程序，它就会接管并执行。最好的事情是，此后你又会得到那种快速的移动应用般的体验。这就是静态网站的显著优势以及很多应用案例了。

（编辑：唐山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!