谜致力打造黑帽SEO培训行业第一品牌
SEO优化服务:正规SEO培训教程、黑帽SEO培训技术
SEO行业资讯

当前位置:主页 > SEO行业资讯 > bet:如何避免服务工作者的部分呈现问题

bet:如何避免服务工作者的部分呈现问题

来源:黑帽SEO培训 dozu.com.cn发布时间:2019/06/02

如果在服务器端呈现页面以防止正确呈现时出现问题,则内容可能会向最终用户(或搜索机器人)显示差异。为了准备我即将推出的关于JavaScript的新文艺复兴的 SMX高级会议,黑帽SEO培训决定编写一个渐进的Web应用程序,并尝试针对SEO进行优化。特别是,我有兴趣从开发/实现的角度审查所有关键渲染选项(客户端,服务器端,混合和动态)。
我在讲话中学到了六个有趣的见解。其中一个见解解决了我经常发生的痛苦问题,我认为尽快分享它很重要。所以,我们走了。
部分渲染如何杀死SEO性能
当您需要呈现JavaScript服务器端时,您可能无法完全呈现完整页面内容。让我们回顾一个具体的例子。
AngularJs站点的所有页面的类别视图尚未在20秒后完成加载所有产品图像。在我的测试中,完全加载大约需要40秒。
这是问题所在。渲染服务不会永远等待页面完成加载。例如,谷歌的动态渲染服务,Rendertron默认不会等待超过10秒。
当用户和搜索引擎加载速度快时,查看所有页面通常都是首选。但是,如何快速加载包含400多个产品图像的页面?
服务人员进行救援
在我解释解决方案之前,让我们回顾服务工作者以及它们在这种情况下的适用方式。Detlev Johnson,他将主持我们的小组,写了一篇关于这个主题的精彩文章。
当我考虑服务工作者时,我认为它们是在Web浏览器中运行的内容交付网络。CDN通过将一些网站功能卸载到网络来帮助加快您的网站速度。一个关键功能是缓存,但大多数现代CDN可以做很多事情,比如调整大小/压缩图像,阻止攻击等。
浏览器中的迷你CDN功能同样强大。它可以拦截并以编程方式缓存PWA中的内容。一个实际用例是,这允许应用程序脱机工作。但引起我注意的是,当服务工作者与主浏览器线程分开运行时,它也可以用于卸载减慢页面加载(和呈现过程)的进程。
所以,这是一个想法:
发出XHR请求以获取快速返回的产品的初始列表(例如,完整集中的第1页)
注册一个拦截此请求的服务工作者,对其进行缓存,传递,然后在后台为该集合中的其余页面发出后续请求。它也应该缓存它们。
加载并缓存所有结果后,通知页面以使其更新。
第一次呈现页面时,它不会获得所有结果,但它会在后续页面上获得它们。这是一些你可以适应的代码来开始。
我检查了页面,看看他们是否做了类似的事情,但遗憾的是他们没有。
这种方法可以防止典型的超时和错误以初始页面加载期间可能缺少某些内容为代价来破坏页面呈现。后续页面加载应具有最新信息,并从浏览器缓存加载得更快。
我检查了Rendertron,看看是否支持这个想法,我发现一个拉取请求  合并  到他们的代码库中,确认支持所需的功能。
但是,由于Google 默认情况下会从Renderton支持的漫游器列表中删除 Googlebot,因此您需要将其添加回来才能使其生效。
服务人员的局限
在与服务工作者合作并将后台工作移动到他们时,您需要考虑一些约束:
服务工作者需要HTTPS
服务工作者在安装它们的“目录级别”拦截请求。例如,/ test / ng-sw.js只会在/ test / *和/ng-sw.js下交叉请求,以拦截整个站点的请求。
后台工作不应该要求DOM访问。此外,没有窗口,文档或父对象访问。
可以使用服务工作者在后台运行的一些示例任务是数据操作或遍历,如排序或搜索 - 还加载数据和数据生成。
更多潜在的渲染问题
以更通用的方式,当使用混合或服务器端呈现(使用NodeJ)时,一些问题可能包括:
XHR / Ajax请求超时。
服务器过载(内存/ CPU)。
第三方脚本下来。
使用动态呈现(使用Chrome)时,除了上述问题之外,还有一些其他问题可能包括:
浏览器无法加载。
图像需要很长时间才能下载和渲染。
延迟时间更长
最重要的是,当您在服务器端渲染页面并且存在阻止完整,正确渲染的问题时,渲染的内容可能与向最终用户(或搜索机器人)显示的内容存在重要差异。
这有三个潜在的问题:1)重要内容没有被索引2)意外隐形和3)合规问题。
我们没有看到任何受意外隐形影响的客户,但这可能是一种风险。但是,我们经常看到合规性问题。合规性问题的一个例子是影响在Google购物上销售的网站。产品Feed中的信息需要与网站上的信息相匹配。Google使用相同的Googlebot进行自然搜索和Google购物,因此像缺少产品图片这样简单的事情可能会导致广告被拒登。
网站首页| 关于谜 | SEO行业资讯 |

© 2009-2019 【谜】黑帽SEO技术培训服务官网版权所有 地图

宗旨:教会初学者控制白帽与黑帽间的【度】