于是,谷歌在Chrome和Chromium的浏览器中加上了这么一个API。
需要补充的是eagerness不同,Chrome浏览器能配给的资源也不同
50代表最多预加载50个资源,10代表最多预渲染10个页面。FIFO指先进先出,第三个被预处理时,第一个会被清出缓存。
当我们部署了SpeculationRules的预加载之后,一定想了解如何如何体现在网站统计中。为此我们可以利用document.prerendering属性,以及performanceNavigation的activationStart属性。马老师在此也提供GTM的部署方法。
第一步,我们将建立一个CustomJavaScript变量并命名为Prerendered。
第二步,找到你的GA4Tag,并在ConfigurationParameter中添加prerendered参数,其值为{{Prerendered}},即我们刚才定义的变量。至此每次推送PageView事件的时候,都会同时推送是否被预渲染。
第三步,回到GA4,在Customdefinitions的Custommetrics中新建一个新指标,其中Eventparameter填我们刚才给的prerendered。
至此我们就完成了部署,你可以在不久后看到有多少被预加载的PageView。
我们稍微总结一下,本篇马老师介绍了一种简单地让网页预加载从而实现网页秒开的方法,在页面端我们需要部署的工作量非常少,甚至能用TagManager快速部署。
但是要想做好预加载和预渲染还是要花一些心思的,这关系到如何优化客户端的资源和服务器端的负载,我们也可以通过研究用户的访问路径或者通过AI来预判动态地进行预加载预渲染添加,方法同添加动态脚本。
目前SpeculationRulesAPI还在实验阶段,暂时不支持打开新标签的情况,仅支持在当前标签的浏览行为。同时对跨域名的预加载和预渲染因为安全考虑还没有完整的解决方案,这在未来也会被解决。
国际化品牌的全球化战略中最重要的一环便是本土化,对于SEO亦是这样,你不单要考虑在谷歌、Bing这样的国际化搜索引擎中每个区域的自然搜索表现,还要考虑像百度这样的区域霸主。本篇,我们将花一些笔墨来聊聊国际网站或者多语言网站的SEO最佳实践。
每一个合格的CMO,市场总监都必须学会正确地选择自己产品服务的推广渠道,推广渠道不是单一渠道,而是一种组合。极诣帮助你正确选择推广渠道组合。
否定关键字列表的正确应用,广泛匹配和通配符的组合,预算如何正确配置,搜索推广和网盟推广差异化,手机着陆页的优化,本期极诣将与你一同探讨。
互联网是虚拟的,它看不见又无处不在。二十多年来的快速发展中我们已经习惯用那些实实在在的事物去描写网络中的概念。本篇极诣将会介绍互联网中六面墙,每个互联网从业者乃至用户都应该了解它们的存在。这六面墙是整个互联网经济的基础也是用户体验中最让人寻味的。