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
The current age of digital transformation means that IT organizations must adapt their toolset to cover all digital experiences, beyond just the end users’. Today’s businesses can no longer focus solely on the digital interactions they manage with employees or customers; they must now contend with non-traditional factors. Whether it's the power of brand to make or break a company, the need to monitor across all locations 24/7, or the ability to proactively resolve issues, companies must adapt to...
In his session at 20th Cloud Expo, Scott Davis, CTO of Embotics, discussed how automation can provide the dynamic management required to cost-effectively deliver microservices and container solutions at scale. He also discussed how flexible automation is the key to effectively bridging and seamlessly coordinating both IT and developer needs for component orchestration across disparate clouds – an increasingly important requirement at today’s multi-cloud enterprise.
Modern software design has fundamentally changed how we manage applications, causing many to turn to containers as the new virtual machine for resource management. As container adoption grows beyond stateless applications to stateful workloads, the need for persistent storage is foundational - something customers routinely cite as a top pain point. In his session at @DevOpsSummit at 21st Cloud Expo, Bill Borsari, Head of Systems Engineering at Datera, explored how organizations can reap the bene...
We are seeing a major migration of enterprises applications to the cloud. As cloud and business use of real time applications accelerate, legacy networks are no longer able to architecturally support cloud adoption and deliver the performance and security required by highly distributed enterprises. These outdated solutions have become more costly and complicated to implement, install, manage, and maintain.SD-WAN offers unlimited capabilities for accessing the benefits of the cloud and Internet. ...
In this presentation, you will learn first hand what works and what doesn't while architecting and deploying OpenStack. Some of the topics will include:- best practices for creating repeatable deployments of OpenStack- multi-site considerations- how to customize OpenStack to integrate with your existing systems and security best practices.
"DevOps is set to be one of the most profound disruptions to hit IT in decades," said Andi Mann. "It is a natural extension of cloud computing, and I have seen both firsthand and in independent research the fantastic results DevOps delivers. So I am excited to help the great team at @DevOpsSUMMIT and CloudEXPO tell the world how they can leverage this emerging disruptive trend."
Security, data privacy, reliability and regulatory compliance are critical factors when evaluating whether to move business applications from in-house client hosted environments to a cloud platform. In her session at 18th Cloud Expo, Vandana Viswanathan, Associate Director at Cognizant, In this session, will provide an orientation to the five stages required to implement a cloud hosted solution validation strategy.
Business professionals no longer wonder if they'll migrate to the cloud; it's now a matter of when. The cloud environment has proved to be a major force in transitioning to an agile business model that enables quick decisions and fast implementation that solidify customer relationships. And when the cloud is combined with the power of cognitive computing, it drives innovation and transformation that achieves astounding competitive advantage.
Everyone wants the rainbow - reduced IT costs, scalability, continuity, flexibility, manageability, and innovation. But in order to get to that collaboration rainbow, you need the cloud! In this presentation, we'll cover three areas: First - the rainbow of benefits from cloud collaboration. There are many different reasons why more and more companies and institutions are moving to the cloud. Benefits include: cost savings (reducing on-prem infrastructure, reducing data center foot print, redu...
DXWorldEXPO LLC announced today that "IoT Now" was named media sponsor of CloudEXPO | DXWorldEXPO 2018 New York, which will take place on November 11-13, 2018 in New York City, NY. IoT Now explores the evolving opportunities and challenges facing CSPs, and it passes on some lessons learned from those who have taken the first steps in next-gen IoT services.
Founded in 2000, Chetu Inc. is a global provider of customized software development solutions and IT staff augmentation services for software technology providers. By providing clients with unparalleled niche technology expertise and industry experience, Chetu has become the premiere long-term, back-end software development partner for start-ups, SMBs, and Fortune 500 companies. Chetu is headquartered in Plantation, Florida, with thirteen offices throughout the U.S. and abroad.
DXWorldEXPO LLC announced today that ICC-USA, a computer systems integrator and server manufacturing company focused on developing products and product appliances, will exhibit at the 22nd International CloudEXPO | DXWorldEXPO. DXWordEXPO New York 2018, colocated with CloudEXPO New York 2018 will be held November 11-13, 2018, in New York City. ICC is a computer systems integrator and server manufacturing company focused on developing products and product appliances to meet a wide range of ...
SYS-CON Events announced today that DatacenterDynamics has been named “Media Sponsor” of SYS-CON's 18th International Cloud Expo, which will take place on June 7–9, 2016, at the Javits Center in New York City, NY. DatacenterDynamics is a brand of DCD Group, a global B2B media and publishing company that develops products to help senior professionals in the world's most ICT dependent organizations make risk-based infrastructure and capacity decisions.
René Bostic is the Technical VP of the IBM Cloud Unit in North America. Enjoying her career with IBM during the modern millennial technological era, she is an expert in cloud computing, DevOps and emerging cloud technologies such as Blockchain. Her strengths and core competencies include a proven record of accomplishments in consensus building at all levels to assess, plan, and implement enterprise and cloud computing solutions. René is a member of the Society of Women Engineers (SWE) and a m...
The technologies behind big data and cloud computing are converging quickly, offering businesses new capabilities for fast, easy, wide-ranging access to data. However, to capitalize on the cost-efficiencies and time-to-value opportunities of analytics in the cloud, big data and cloud technologies must be integrated and managed properly. Pythian's Director of Big Data and Data Science, Danil Zburivsky will explore: The main technology components and best practices being deployed to take advantage...