是否建议使用Javascript渲染整个网站?(优化)

Martincpt

我读过某个地方,专业人士每页仅打印一行html和javascript,其余部分由客户端进行渲染。我发现这非常有前途,所以我认为我将使用以下结构来呈现页面:

<html>
  <head>
    {{Title}}
    {{Meta tags}}
    {{CSS via CDN}}
  </head>
  <body>
    {{Dynamic JSON array containing the datas of the current page}}
    {{Javascript libraries via CDN}}
    {{JS files that contain HTML templates via CDN}}
  </body>
</html>

所以问题是:

  • 这真的是一个好习惯吗?
  • 通过CDN加载HTML模板是否值得?

SEO是次要的,但是我当然会渲染一些必需的meta标签。

感谢您的回答!

昆汀

这真的是一个好习惯吗?

那是很主观的。这取决于您对可靠性,性能和成本的重视程度。

您可以提高性能,但是您可以:

  • 有一个非常脆弱的系统,如果JS失败无法加载任何原因,将彻底打破,形影不离,浏览器漏洞等
  • 首先必须构建所有逻辑服务器端,然后复制所有工作客户端,并使用pushState和朋友来拥有可用的URI。

SEO是次要的,但是我当然会渲染一些必需的meta标签。

抛开SEO所必需的元标记问题……用客户端JavaScript呈现它们是没有意义的。如果仅使用客户端JS呈现内容,那么搜索引擎将根本看不到它。

通过CDN加载HTML模板是否值得?

同样,这取决于。使用CDN可以使您的静态文件更快地交付,但是这是增加的费用,并且需要为您的站点使用更复杂的构建系统(因为您必须部署到多个服务器并确保已发布的U​​RI匹配)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 AJAX 从 Flask 渲染整个 HTML 页面

来自分类Dev

LibGDX:渲染TextureRegion渲染整个纹理

来自分类Dev

Angularjs重新渲染整个页面[ionic]

来自分类Dev

重新渲染整个ng-repeat

来自分类Dev

React Native:通过setState更新ListView数据源是否会重新渲染整个组件?

来自分类Dev

如何不使用jinja2渲染整个字符串

来自分类Dev

Angular会重新渲染整个对象吗?

来自分类Dev

更改单个项目时重新渲染整个列表

来自分类Dev

React Redux + Infinite Scroll =重新渲染整个列表?

来自分类Dev

如何在背景上渲染整个图像?

来自分类Dev

使用javascript库自动索引整个网站

来自分类Dev

为什么画布重新渲染整个画布而不是仅渲染特定部分?

来自分类Dev

为什么画布重新渲染整个画布而不是仅渲染特定部分?

来自分类Dev

渲染组件后,React重新渲染整个应用程序

来自分类Dev

AngularJS-递归ng-include-如何知道何时渲染整个树

来自分类Dev

如何在不重新渲染整个屏幕的情况下放大/缩小OpenGL屏幕

来自分类Dev

在具有Redux状态的React中重新渲染整个表单

来自分类Dev

如何添加新元素而不用React重新渲染整个列表

来自分类Dev

React Router重新渲染整个应用并重置Redux状态树?

来自分类Dev

用于倒数计时器的useEffect,每秒重新渲染整个页面

来自分类Dev

如何防止map()在react-native中一次渲染整个数组

来自分类Dev

更改特定索引而无需在Vuejs中重新渲染整个数组

来自分类Dev

输出组件循环并避免仅更新一个组件时重新渲染整个循环

来自分类Dev

Android OpenGL渲染整个网格的纹理的第一个像素

来自分类Dev

如果特定道具发生变化,则重新渲染整个组件

来自分类Dev

Ember 每个循环在更新数组时重新渲染整个对象数组

来自分类Dev

React - InfiniteScroll(react-infinite-scroller), loadMore 函数重新渲染整个列表

来自分类Dev

如何在 ReactJS 中不重新渲染整个树的情况下渲染树组件的叶子组件

来自分类Dev

如何避免重新渲染整个列表,而不是将新项目添加到react JS中的DOM列表中?

Related 相关文章

  1. 1

    使用 AJAX 从 Flask 渲染整个 HTML 页面

  2. 2

    LibGDX:渲染TextureRegion渲染整个纹理

  3. 3

    Angularjs重新渲染整个页面[ionic]

  4. 4

    重新渲染整个ng-repeat

  5. 5

    React Native:通过setState更新ListView数据源是否会重新渲染整个组件?

  6. 6

    如何不使用jinja2渲染整个字符串

  7. 7

    Angular会重新渲染整个对象吗?

  8. 8

    更改单个项目时重新渲染整个列表

  9. 9

    React Redux + Infinite Scroll =重新渲染整个列表?

  10. 10

    如何在背景上渲染整个图像?

  11. 11

    使用javascript库自动索引整个网站

  12. 12

    为什么画布重新渲染整个画布而不是仅渲染特定部分?

  13. 13

    为什么画布重新渲染整个画布而不是仅渲染特定部分?

  14. 14

    渲染组件后,React重新渲染整个应用程序

  15. 15

    AngularJS-递归ng-include-如何知道何时渲染整个树

  16. 16

    如何在不重新渲染整个屏幕的情况下放大/缩小OpenGL屏幕

  17. 17

    在具有Redux状态的React中重新渲染整个表单

  18. 18

    如何添加新元素而不用React重新渲染整个列表

  19. 19

    React Router重新渲染整个应用并重置Redux状态树?

  20. 20

    用于倒数计时器的useEffect,每秒重新渲染整个页面

  21. 21

    如何防止map()在react-native中一次渲染整个数组

  22. 22

    更改特定索引而无需在Vuejs中重新渲染整个数组

  23. 23

    输出组件循环并避免仅更新一个组件时重新渲染整个循环

  24. 24

    Android OpenGL渲染整个网格的纹理的第一个像素

  25. 25

    如果特定道具发生变化,则重新渲染整个组件

  26. 26

    Ember 每个循环在更新数组时重新渲染整个对象数组

  27. 27

    React - InfiniteScroll(react-infinite-scroller), loadMore 函数重新渲染整个列表

  28. 28

    如何在 ReactJS 中不重新渲染整个树的情况下渲染树组件的叶子组件

  29. 29

    如何避免重新渲染整个列表,而不是将新项目添加到react JS中的DOM列表中?

热门标签

归档