草庐IT

javascript - 具有多个页面的 PWA

coder 2025-03-31 原文

我正在为我的网站创建一个 PWA。

这是一个使用 jquery 构建的多页面网站。现在我已经创建了一个应用程序外壳,其中包含站点的通用 header 。我的网站有很好的 SEO 排名,通常在前 3 个链接中排名。

现在,当我想从页面 A 转到页面 B 时,我希望预加载 header 并显示加载程序,直到从服务器接收到页面 B 的数据。 我仍在使用 jquery,因为大多数模块已经内置在其中,我不想重建它们。

现在我能想到的唯一解决方案是使用 ajax 调用或在前端使用路由。我对这些解决方案几乎没有疑问和看法,想知道我是否正确。

1) 使用 Ajax - 当调用页面 B 时,响应的 HTML 将只有标题和加载程序以及一个 js 文件,其中将包含用于在页面上加载数据的 ajax 代码。 缓存后,将从缓存中获取包含 header 和加载程序的 HTML,并进行 ajax 调用以调用数据。

如有错误请指正

现在,我看到的问题是,考虑到我有第 3 页并希望其中包含相同的功能,为此我将再次在缓存中存储相同的 header 。

2) 我听说前端的路由对 SEO 不友好,或者需要额外的努力才能使它们对 SEO 友好。所以我不希望我的排名因此受到影响。此外,我对在 Jquery 或 Core Javascript 中为我处理所有事情的好的路由库一无所知。

任何帮助将不胜感激。我现在非常困惑,所以任何正确方向的指导或引用都会有所帮助。

最佳答案

this blog post 中有一些关于可能选项的指导。 .

考虑到您当前的设置,以及您声明的不想对架构进行过多改革的愿望,我建议尝试添加一个 service worker 实现,以分别缓存页眉、页脚和动态内容。 Service Worker 然后可以连接标题(来自缓存)+ 内容主体(通过 fetch() 检索或可能来自缓存)+ 页脚,并返回完整的 HTML 文档作为响应。

您需要开始将您的部分 HTML 页眉和页脚公开为具有可预缓存的唯一 URL 的资源,您现在可能不会这样做,并且您还必须只公开给定内容的内容主体通过唯一的 URL 页面,并确保它们都采用可以连接的格式,而无需任何复杂的模板逻辑。

因此这是一些额外的工作,但它不涉及为不支持服务 worker 的客户端重写任何内容,并且您的站点对于这些客户端来说将继续保持相同的外观和行为。

关于javascript - 具有多个页面的 PWA,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45028343/

有关javascript - 具有多个页面的 PWA的更多相关文章

  1. ruby-on-rails - Rails 3 中的多个路由文件 - 2

    Rails2.3可以选择随时使用RouteSet#add_configuration_file添加更多路由。是否可以在Rails3项目中做同样的事情? 最佳答案 在config/application.rb中:config.paths.config.routes在Rails3.2(也可能是Rails3.1)中,使用:config.paths["config/routes"] 关于ruby-on-rails-Rails3中的多个路由文件,我们在StackOverflow上找到一个类似的问题

  2. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

    我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时,它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器?这是不可能的吗?谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

  3. ruby-on-rails - 在 Ruby 中循环遍历多个数组 - 2

    我有多个ActiveRecord子类Item的实例数组,我需要根据最早的事件循环打印。在这种情况下,我需要打印付款和维护日期,如下所示:ItemAmaintenancerequiredin5daysItemBpaymentrequiredin6daysItemApaymentrequiredin7daysItemBmaintenancerequiredin8days我目前有两个查询,用于查找maintenance和payment项目(非排他性查询),并输出如下内容:paymentrequiredin...maintenancerequiredin...有什么方法可以改善上述(丑陋的)代

  4. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前,我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它,但这似乎不是“ruby方式”,我将需要在不久的将来访问更多模型。这可能会变得很脏,是否有针对这种情况的任何技术?注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展,本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向,这似乎很麻烦。最终从任何

  5. ruby - 多个属性的 update_column 方法 - 2

    我有一个具有一些属性的模型:attr1、attr2和attr3。我需要在不执行回调和验证的情况下更新此属性。我找到了update_column方法,但我想同时更新三个属性。我需要这样的东西:update_columns({attr1:val1,attr2:val2,attr3:val3})代替update_column(attr1,val1)update_column(attr2,val2)update_column(attr3,val3) 最佳答案 您可以使用update_columns(attr1:val1,attr2:val2

  6. ruby-on-rails - 在 ruby​​ .gemspec 文件中,如何指定依赖项的多个版本? - 2

    我正在尝试修改当前依赖于定义为activeresource的gem:s.add_dependency"activeresource","~>3.0"为了让gem与Rails4一起工作,我需要扩展依赖关系以与activeresource的版本3或4一起工作。我不想简单地添加以下内容,因为它可能会在以后引起问题:s.add_dependency"activeresource",">=3.0"有没有办法指定可接受版本的列表?~>3.0还是~>4.0? 最佳答案 根据thedocumentation,如果你想要3到4之间的所有版本,你可以这

  7. ruby - 使用多个数组创建计数 - 2

    我正在尝试按0-9和a-z的顺序创建数字和字母列表。我有一组值value_array=['0','1','2','3','4','5','6','7','8','9','a','b','光盘','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','','u','v','w','x','y','z']和一个组合列表的数组,按顺序,这些数字可以产生x个字符,比方说三个list_array=[]和一个当前字母和数字组合的数组(在将它插入列表数组之前我会把它变成一个字符串,]current_combo['0','0','0']

  8. ruby-on-rails - before_filter 运行多个方法 - 2

    是否有可能:before_filter:authenticate_user!||:authenticate_admin! 最佳答案 before_filter:do_authenticationdefdo_authenticationauthenticate_user!||authenticate_admin!end 关于ruby-on-rails-before_filter运行多个方法,我们在StackOverflow上找到一个类似的问题: https://

  9. ruby-on-rails - Rails 3.1 中具有相同形式的多个模型? - 2

    我正在使用Rails3.1并在一个论坛上工作。我有一个名为Topic的模型,每个模型都有许多Post。当用户创建新主题时,他们也应该创建第一个Post。但是,我不确定如何以相同的形式执行此操作。这是我的代码:classTopic:destroyaccepts_nested_attributes_for:postsvalidates_presence_of:titleendclassPost...但这似乎不起作用。有什么想法吗?谢谢! 最佳答案 @Pablo的回答似乎有你需要的一切。但更具体地说...首先改变你View中的这一行对此#

  10. ruby-on-rails - 使用 ruby​​ 将多个实例变量转换为散列的更好方法? - 2

    我收到格式为的回复#我需要将其转换为哈希值(针对活跃商家)。目前我正在遍历变量并执行此操作:response.instance_variables.eachdo|r|my_hash.merge!(r.to_s.delete("@").intern=>response.instance_eval(r.to_s.delete("@")))end这有效,它将生成{:first="charlie",:last=>"kelly"},但它似乎有点hacky和不稳定。有更好的方法吗?编辑:我刚刚意识到我可以使用instance_variable_get作为该等式的第二部分,但这仍然是主要问题。

随机推荐