Welcome!

Blog Feed Post

Using Catchpoint to Analyze Third-party Impact

Modern websites are increasingly dependent on third-party services for most of the features it provides like widgets, ads, social marketing tags, page analytics, conversion tracking, etc. Performance optimization is no longer limited to managing the size and format of the images embedded on a webpage and the page itself; it also boils down to the number of third-party tags, hosts, and number of requests on that page.

Third-party tags are a performance overhead. We have discussed the toll third-party components take on performance in multiple blogs, listed below.

In short, the more third-party tags you have on your website, the more requests will have to take place on the page, which will likely lead to a delay in page load. If not optimized, such tags can cause:

  • the page to load slower
  • the page to not render properly
  • the page to display errors or not load at all

Getting to the Root

A website outage or degraded performance can be the result of many different factors. The root cause analysis can get tricky when the page is complex with multiple hosts and third-party components. Resolving such performance issues becomes difficult when third-party services are involved; it requires specific tests and targeted troubleshooting.

Catchpoint has assisted many customers in analyzing and understanding performance slow-downs caused by third-party services. Our solutions are built to make it easier to drill down to specific components of the page to aid in faster resolution time.

Let’s look at two specific Catchpoint features that allow you to identify third-party issues easily.

1. Request Block

Catchpoint allows you to add/modify the headers that are sent during a test. These are configured under the “Request” section when creating a test.

The Request Block option allows you to specify the requests to be blocked when executing the test; this will help determine if a particular request is causing the performance degradation. The image below shows where to set this up:

http://blog.catchpoint.com/wp-content/uploads/2018/01/reqblock3-300x69.jpg 300w" sizes="(max-width: 736px) 100vw, 736px" />

This is an important feature when troubleshooting third-party tag’s performance. You can measure the impact specific requests have on the overall load time. For example, in the image below we compare the Render Start and Document Complete metrics of a website before and after blocking requests.

http://blog.catchpoint.com/wp-content/uploads/2018/01/reqblock2-300x142.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/reqblock2-768x363.jpg 768w" sizes="(max-width: 953px) 100vw, 953px" />

http://blog.catchpoint.com/wp-content/uploads/2018/01/reqblock1-300x161.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/reqblock1-768x412.jpg 768w" sizes="(max-width: 857px) 100vw, 857px" />

The page takes almost 7 seconds to start rendering. Compare this to the metric values after the requests are blocked: the page loads within 7 seconds versus the 12-13 seconds it took without request block enabled. By breaking down the data by “Hosts” and “Zones,” we can drill down even further and identify the exact requests that have become a performance bottleneck.

2. Request Delay

Another Request Header we can use is “Request Delay.” This forces the browser to delay specific requests for a set interval. We can see the difference this makes to the load time in the images below:

http://blog.catchpoint.com/wp-content/uploads/2018/01/reqdelay1-300x73.jpg 300w" sizes="(max-width: 614px) 100vw, 614px" />

http://blog.catchpoint.com/wp-content/uploads/2018/01/reqdelay-300x140.jpg 300w" sizes="(max-width: 657px) 100vw, 657px" />

http://blog.catchpoint.com/wp-content/uploads/2018/01/reqdelay2-300x213.jpg 300w" sizes="(max-width: 662px) 100vw, 662px" />

These two features can also be used in A/B testing to evaluate the performance of third-party services that you plan to implement on your website.

Are tag managers the answer?

When it comes to optimizing third-party components, one of the recommended options is the use of a tag management system. Tag managers have several advantages:

  • Checks if all the tags are updated
  • It helps load tags faster and asynchronously
  • Ensure tags load only on pages that need it
  • If a tag doesn’t work then it gives you the option to disable or remove the tag

But all these advantages don’t translate to better performance if the tag management itself is not optimized. Take the example below:

http://blog.catchpoint.com/wp-content/uploads/2018/01/grapha-300x76.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/grapha-768x195.jpg 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/grapha-1024x260.jpg 1024w" sizes="(max-width: 1574px) 100vw, 1574px" />

http://blog.catchpoint.com/wp-content/uploads/2018/01/graphb-300x73.jpg 300w, http://blog.catchpoint.com/wp-content/uploads/2018/01/graphb-768x186.jpg 768w, http://blog.catchpoint.com/wp-content/uploads/2018/01/graphb-1024x249.jpg 1024w" sizes="(max-width: 1574px) 100vw, 1574px" />

The graphs illustrate the impact the tag manager has on page load. Graph A denotes the load time of the tag manager asset and Graph B denotes the time taken for the page to render. There is a clear correlation between the two; the higher the load time of the tag manager, the longer the page takes to render.

In this scenario, the tag manager does not maintain uniform performance across different locations. It works well for users accessing the website from US and Italy, but the tag manager degrades the site performance for users accessing from China and Hong Kong.

A tag management system can make it easier to keep track of all the different third-party tags on your website, but it is important to ensure that it is optimized to handle users from across that globe and doesn’t hamper site performance at different locations.

Conclusion

There’s no debating the fact that unoptimized third-party components can drag your website down. It has a direct impact on page speed and should not be ignored when trying to analyze a sudden performance degradation or outage. Once you have isolated the third party causing the issue using the methods described above, the next step is to ensure you have the following points in place:

  • Always place third-party tags after Document Complete.
  • Use asynchronous JS when implementing the third-party components.
  • Remove unnecessary JS tags from your webpage.
  • Ensure the third-party tags you are using are updated and don’t throw errors.
  • Ensure all the different third part tags load correctly and work without conflicting with other scripts on the page.
  • Finally, if you are using a tag management system then ensure it is optimized and doesn’t degrade website performance.

The post Using Catchpoint to Analyze Third-party Impact appeared first on Catchpoint's Blog - Web Performance Monitoring.

Read the original blog entry...

More Stories By Mehdi Daoudi

Catchpoint radically transforms the way businesses manage, monitor, and test the performance of online applications. Truly understand and improve user experience with clear visibility into complex, distributed online systems.

Founded in 2008 by four DoubleClick / Google executives with a passion for speed, reliability and overall better online experiences, Catchpoint has now become the most innovative provider of web performance testing and monitoring solutions. We are a team with expertise in designing, building, operating, scaling and monitoring highly transactional Internet services used by thousands of companies and impacting the experience of millions of users. Catchpoint is funded by top-tier venture capital firm, Battery Ventures, which has invested in category leaders such as Akamai, Omniture (Adobe Systems), Optimizely, Tealium, BazaarVoice, Marketo and many more.

Latest Stories
DX World EXPO, LLC, a Lighthouse Point, Florida-based startup trade show producer and the creator of "DXWorldEXPO® - Digital Transformation Conference & Expo" has announced its executive management team. The team is headed by Levent Selamoglu, who has been named CEO. "Now is the time for a truly global DX event, to bring together the leading minds from the technology world in a conversation about Digital Transformation," he said in making the announcement.
"Space Monkey by Vivent Smart Home is a product that is a distributed cloud-based edge storage network. Vivent Smart Home, our parent company, is a smart home provider that places a lot of hard drives across homes in North America," explained JT Olds, Director of Engineering, and Brandon Crowfeather, Product Manager, at Vivint Smart Home, in this SYS-CON.tv interview at @ThingsExpo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
SYS-CON Events announced today that Conference Guru has been named “Media Sponsor” of the 22nd International Cloud Expo, which will take place on June 5-7, 2018, at the Javits Center in New York, NY. A valuable conference experience generates new contacts, sales leads, potential strategic partners and potential investors; helps gather competitive intelligence and even provides inspiration for new products and services. Conference Guru works with conference organizers to pass great deals to gre...
DevOps is under attack because developers don’t want to mess with infrastructure. They will happily own their code into production, but want to use platforms instead of raw automation. That’s changing the landscape that we understand as DevOps with both architecture concepts (CloudNative) and process redefinition (SRE). Rob Hirschfeld’s recent work in Kubernetes operations has led to the conclusion that containers and related platforms have changed the way we should be thinking about DevOps and...
The Internet of Things will challenge the status quo of how IT and development organizations operate. Or will it? Certainly the fog layer of IoT requires special insights about data ontology, security and transactional integrity. But the developmental challenges are the same: People, Process and Platform. In his session at @ThingsExpo, Craig Sproule, CEO of Metavine, demonstrated how to move beyond today's coding paradigm and shared the must-have mindsets for removing complexity from the develop...
In his Opening Keynote at 21st Cloud Expo, John Considine, General Manager of IBM Cloud Infrastructure, led attendees through the exciting evolution of the cloud. He looked at this major disruption from the perspective of technology, business models, and what this means for enterprises of all sizes. John Considine is General Manager of Cloud Infrastructure Services at IBM. In that role he is responsible for leading IBM’s public cloud infrastructure including strategy, development, and offering m...
The next XaaS is CICDaaS. Why? Because CICD saves developers a huge amount of time. CD is an especially great option for projects that require multiple and frequent contributions to be integrated. But… securing CICD best practices is an emerging, essential, yet little understood practice for DevOps teams and their Cloud Service Providers. The only way to get CICD to work in a highly secure environment takes collaboration, patience and persistence. Building CICD in the cloud requires rigorous ar...
Companies are harnessing data in ways we once associated with science fiction. Analysts have access to a plethora of visualization and reporting tools, but considering the vast amount of data businesses collect and limitations of CPUs, end users are forced to design their structures and systems with limitations. Until now. As the cloud toolkit to analyze data has evolved, GPUs have stepped in to massively parallel SQL, visualization and machine learning.
"Evatronix provides design services to companies that need to integrate the IoT technology in their products but they don't necessarily have the expertise, knowledge and design team to do so," explained Adam Morawiec, VP of Business Development at Evatronix, in this SYS-CON.tv interview at @ThingsExpo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
To get the most out of their data, successful companies are not focusing on queries and data lakes, they are actively integrating analytics into their operations with a data-first application development approach. Real-time adjustments to improve revenues, reduce costs, or mitigate risk rely on applications that minimize latency on a variety of data sources. In his session at @BigDataExpo, Jack Norris, Senior Vice President, Data and Applications at MapR Technologies, reviewed best practices to ...
Widespread fragmentation is stalling the growth of the IIoT and making it difficult for partners to work together. The number of software platforms, apps, hardware and connectivity standards is creating paralysis among businesses that are afraid of being locked into a solution. EdgeX Foundry is unifying the community around a common IoT edge framework and an ecosystem of interoperable components.
"ZeroStack is a startup in Silicon Valley. We're solving a very interesting problem around bringing public cloud convenience with private cloud control for enterprises and mid-size companies," explained Kamesh Pemmaraju, VP of Product Management at ZeroStack, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Large industrial manufacturing organizations are adopting the agile principles of cloud software companies. The industrial manufacturing development process has not scaled over time. Now that design CAD teams are geographically distributed, centralizing their work is key. With large multi-gigabyte projects, outdated tools have stifled industrial team agility, time-to-market milestones, and impacted P&L stakeholders.
"Akvelon is a software development company and we also provide consultancy services to folks who are looking to scale or accelerate their engineering roadmaps," explained Jeremiah Mothersell, Marketing Manager at Akvelon, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Enterprises are adopting Kubernetes to accelerate the development and the delivery of cloud-native applications. However, sharing a Kubernetes cluster between members of the same team can be challenging. And, sharing clusters across multiple teams is even harder. Kubernetes offers several constructs to help implement segmentation and isolation. However, these primitives can be complex to understand and apply. As a result, it’s becoming common for enterprises to end up with several clusters. Thi...