javascript - Googleタグマネージャーをインストールした後、ウェブサイトのパフォーマンスを修正する方法?

Question

私たちのサイトでは、Google タグ マネージャーを実行しています。以前は、ページ読み込み時に 3.5 秒の javascript "setTimeout" 内に他のいくつかの緊急でないスクリプトと同様に配置していました。これは、多くのパフォーマンス テスト ツールで素晴らしいパフォーマンス スコアを得るために使用したトリックでした。ただし、同じく実行されている Google オプティマイズは、setTimeout の遅延により、サイトで検証されません。タイマーの遅延なしでページの読み込み時に実行された場合にのみ機能します。

GTM をタイムアウトから外した後、パフォーマンスのスコアが約 90 から 20 から 40 の間になりました。

これは GTM にロードされているものが原因である可能性が高いことは理解していますが、これらのアイテムの一部をそこにロードしないようにすることはできません。

GTM と Google がページの読み込みを最適化する必要があるこのような状況で、ページ速度のパフォーマンスを向上させる他の方法があるかどうか疑問に思っています。私たちのサイトの他のパフォーマンス項目の大部分はすでに最適化されているため、この低下は非常に衝撃的です.

この GTM タグをフッターに移動し、window.onload を使用してロードするように設定しようとしましたが、うまくいきませんでした。また、すでに非同期を使用してセットアップされています。

これは私が現在設定しているものですが、パフォーマンスが低下しています。

(function () {
            var e = document.createElement('script');
            e.async = true;
            e.src = 'https://www.googletagmanager.com/gtag/js?id=UA-###';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(e, s);

            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            gtag('js', new Date());

            gtag('config', 'UA-###', {'optimize_id': 'GTM-###'});
        }());