Increase App Performance — Tame Tag Managers and Take Back Control From Third-Parties

Increase App Performance — Tame Tag Managers and Take Back Control From Third-Parties

Javascript application performance can be tricky, even if the application has been well-tuned for speed — there’s a big area that engineering does not own and has little control over.

Javascript application performance can be tricky, even if the application has been well-tuned for speed — there’s a big area that engineering does not own and has little control over.

It’s the tag manager and third party code in general.

I can get an app to load and finish in 2 seconds. But with all the vendor code, the reality is usually a 2–3 additional seconds. There’s not much room for improvement left within the JS app itself.

There’s two Passions I have. Architecture and performance

I refused to accept that It could not be improved by engineering, without getting involved in rebuilding the rule sets and code inside of a tag manager. So I started working out how to gain control over third party code at runtime.

I primarily use Adobe Launch, so moving forward, I’ll be referencing Launch and it’s internals. For the record, I’ve got nothing against Launch — all tag managers are equally terrible.

For more generic perf writings, give this a read:

Improving Javascript Runtime and Load Performance

There's lots of advice, but it seems to taper off when it comes to advanced performance tactics. I've read the…

medium.com

What causes vendor code to easily end up slower than the core application?

Bad timing, over-aggressive use of tag managers, too many localStorage, DOM, and Cookie manipulation.

Vendor scripts usually have long request chains, calling several domains, loading additional scripts. Every new origin requires a DNS lookup and TCP connection. This handshake can range from 20ms to 200ms depending on the vendor CDN and what pressure the vendors own network is under. Other steps like HTTPS handshakes will also increase connection time.

Image for post

Some vendor scripts will bring jquery, iframes, angular apps. One vendor can pull down 2mb of JS over its request chain. Since vendor tags and tag managers do not coordinate with applications, a lot of code is executed early — just in case.

javascript tag-management analytics web-performance software-engineering

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Software Developer vs Software Engineer — Differences: Bogus or Real?

In this article, see if there are any differences between software developers and software engineers. What you’re about to read mostly revolves around my personal thoughts, deductions, and offbeat imagination. If you have different sentiments, add them in the comment section, and let’s dispute! So, today’s topic…

A Cattle Management Software for Farmers & Milk Producers

From Herd management to farm management, dairy farms face challenges on a daily basis. Here we made cattle management software and app that not only helps dairy farmers to yield high milk production but also identifies other important KPIs like...

What is the role of Software development Manager in a team?

Qservices Inc Blog - Short description of the blog - Software development Manager is a person and a mentor who takes overall responsibilities to handle t

School Bus Routing Software | School Bus Management Software

Are you looking for a school bus management software? AppDupe provides the best app development solutions to enhance your transportation operations. Get features like GPS tracking, push notifications and more. Contact AppDupe today.

Top 15 Free JavaScript Frameworks for Web Applications

List of some useful JavaScript Frameworks and libraries for website, web apps, and mobile apps development, that developers should know about to make selection easier.