不同的方式嵌入Matomo跟踪代码更快的网站性能

内容

许多研究表明,表现很重要。网站加载时间每延长100毫秒,企业的收入就会减少0.1%到1%。这也很重要,因为谷歌将页面速度作为搜索结果页面的排名因素。在Matomo,我们帮助我们的客户和用户优化他们的Matomo集成,并根据他们的需求推荐不同的嵌入跟踪代码的方法。嵌入跟踪代码的最佳方式取决于您的网站、您想要实现的目标以及跟踪对您的重要性。

这篇技术博客文章主要关注如何缩短网站加载时间。这是一个重要的指标,例如谷歌通常衡量加载一个页面所花费的时间。因此,许多企业都希望尽快到达页面加载事件。

嵌入跟踪代码的常规方式

默认情况下,Matomo (Piwik)嵌入在网站的页眉或页脚中。这是一种明智的默认。虽然它是异步加载和延迟的,但它仍然会延迟onload事件。根据您的Matomo的性能,您的网站加载的速度,您的网站资源是如何嵌入的,以及您可能需要考虑替代方案的其他因素。下面我将介绍其中的三个。

在加载事件后嵌入跟踪器

为了确保即使Matomo服务器不可用,你的网站也会一直加载,你可能想要在网站加载后才加载跟踪代码,就像这样:

var _paq=窗口。_paq = window。_paq || [];_paq.push ([" trackPageView "]);_paq.push ([" enableLinkTracking "]);函数embedTrackingCode() {var u="https://your.piwik.domain/";_paq。推([“setTrackerUrl u + " piwik.php "]);_paq。push ([" setSiteId ", " 1 "]);var d=document, g=d. createelement ("script"), s=d. getelementsbytagname ("script")[0]; g.type="text/javascript"; g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s); } if (window.addEventListener) { window.addEventListener("load", embedTrackingCode, false); } else if (window.attachEvent) { window.attachEvent("onload",embedTrackingCode); } else { embedTrackingCode(); }

缺点是你不会跟踪所有的访问者,因为有些人在你的网站完全加载时已经离开了你的网站。特别是当你有一个javascript较多的网站,或者当你的网站通常需要较长的加载时间时。要跨浏览器正确检测加载事件,您可能需要使用jQuery这样的库。

延迟跟踪

另一种技巧是在你的网站末尾加载跟踪,像这样:

setTimeout(function () {embedTrackingCode();5)};

这一次,跟踪脚本仍然会跟踪大多数访问者,但不会像默认情况下那样减慢网站其他部分的加载速度(至少可以感知到)。在某些情况下,当查看“加载时间”时,你会注意到性能的提高,但这取决于你的网站。

根本不加载JavaScript跟踪器

使用Matomo,您还可以选择不将跟踪代码嵌入到您的网站中,而是使用web服务器日志生成报告2021亚博最新 .这工作得很好,但有些数据可能不可用,如设备分辨率,只能使用JavaScript捕获。从好的方面来看,这个解决方案也通过广告拦截器或跟踪拦截器吸引了用户。

问题吗?

我们邀请您测试不同的方法,看看什么对您有意义,以及它如何影响您的网站性能以及感知性能。如果你有任何问题,请尽管提请与我们联系

继续读下去

本系列的最后一篇文章是今天可以应用的性能优化可以更快地加载Matomo JavaScript跟踪器

喜欢这篇文章吗?
加入每个月直接收到Matomo通讯的160,000+订阅用户的收件箱
从Matomo开始

一个强大的网络分析平台,为您和您的企业提供100%的数据所有权和用户隐私保护。亚博电竞首页

不需要信用卡。

永远免费。

从Matomo开始

一个强大的网络分析平台,为您和您的企业提供100%的数据所有权和用户隐私保护。亚博电竞首页

不需要信用卡。

永远免费。

Baidu