SYS-CON MEDIA Authors: Pat Romanski, Gary Arora, Zakia Bouachraoui, Yeshim Deniz, Liz McMillan

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
Every organization is facing their own Digital Transformation as they attempt to stay ahead of the competition, or worse, just keep up. Each new opportunity, whether embracing machine learning, IoT, or a cloud migration, seems to bring new development, deployment, and management models. The results are more diverse and federated computing models than any time in our history.
On-premise or off, you have powerful tools available to maximize the value of your infrastructure and you demand more visibility and operational control. Fortunately, data center management tools keep a vigil on memory contestation, power, thermal consumption, server health, and utilization, allowing better control no matter your cloud's shape. In this session, learn how Intel software tools enable real-time monitoring and precise management to lower operational costs and optimize infrastructure...
"Calligo is a cloud service provider with data privacy at the heart of what we do. We are a typical Infrastructure as a Service cloud provider but it's been designed around data privacy," explained Julian Box, CEO and co-founder of Calligo, 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.
Isomorphic Software is the global leader in high-end, web-based business applications. We develop, market, and support the SmartClient & Smart GWT HTML5/Ajax platform, combining the productivity and performance of traditional desktop software with the simplicity and reach of the open web. With staff in 10 timezones, Isomorphic provides a global network of services related to our technology, with offerings ranging from turnkey application development to SLA-backed enterprise support. Leadin...
While a hybrid cloud can ease that transition, designing and deploy that hybrid cloud still offers challenges for organizations concerned about lack of available cloud skillsets within their organization. Managed service providers offer a unique opportunity to fill those gaps and get organizations of all sizes on a hybrid cloud that meets their comfort level, while delivering enhanced benefits for cost, efficiency, agility, mobility, and elasticity.
DevOps has long focused on reinventing the SDLC (e.g. with CI/CD, ARA, pipeline automation etc.), while reinvention of IT Ops has lagged. However, new approaches like Site Reliability Engineering, Observability, Containerization, Operations Analytics, and ML/AI are driving a resurgence of IT Ops. In this session our expert panel will focus on how these new ideas are [putting the Ops back in DevOps orbringing modern IT Ops to DevOps].
Darktrace is the world's leading AI company for cyber security. Created by mathematicians from the University of Cambridge, Darktrace's Enterprise Immune System is the first non-consumer application of machine learning to work at scale, across all network types, from physical, virtualized, and cloud, through to IoT and industrial control systems. Installed as a self-configuring cyber defense platform, Darktrace continuously learns what is ‘normal' for all devices and users, updating its understa...
Enterprises are striving to become digital businesses for differentiated innovation and customer-centricity. Traditionally, they focused on digitizing processes and paper workflow. To be a disruptor and compete against new players, they need to gain insight into business data and innovate at scale. Cloud and cognitive technologies can help them leverage hidden data in SAP/ERP systems to fuel their businesses to accelerate digital transformation success.
Concerns about security, downtime and latency, budgets, and general unfamiliarity with cloud technologies continue to create hesitation for many organizations that truly need to be developing a cloud strategy. Hybrid cloud solutions are helping to elevate those concerns by enabling the combination or orchestration of two or more platforms, including on-premise infrastructure, private clouds and/or third-party, public cloud services. This gives organizations more comfort to begin their digital tr...
Most organizations are awash today in data and IT systems, yet they're still struggling mightily to use these invaluable assets to meet the rising demand for new digital solutions and customer experiences that drive innovation and growth. What's lacking are potent and effective ways to rapidly combine together on-premises IT and the numerous commercial clouds that the average organization has in place today into effective new business solutions.
Keeping an application running at scale can be a daunting task. When do you need to add more capacity? Larger databases? Additional servers? These questions get harder as the complexity of your application grows. Microservice based architectures and cloud-based dynamic infrastructures are technologies that help you keep your application running with high availability, even during times of extreme scaling. But real cloud success, at scale, requires much more than a basic lift-and-shift migrati...
David Friend is the co-founder and CEO of Wasabi, the hot cloud storage company that delivers fast, low-cost, and reliable cloud storage. Prior to Wasabi, David co-founded Carbonite, one of the world's leading cloud backup companies. A successful tech entrepreneur for more than 30 years, David got his start at ARP Instruments, a manufacturer of synthesizers for rock bands, where he worked with leading musicians of the day like Stevie Wonder, Pete Townsend of The Who, and Led Zeppelin. David has ...
Darktrace is the world's leading AI company for cyber security. Created by mathematicians from the University of Cambridge, Darktrace's Enterprise Immune System is the first non-consumer application of machine learning to work at scale, across all network types, from physical, virtualized, and cloud, through to IoT and industrial control systems. Installed as a self-configuring cyber defense platform, Darktrace continuously learns what is ‘normal' for all devices and users, updating its understa...
Dion Hinchcliffe is an internationally recognized digital expert, bestselling book author, frequent keynote speaker, analyst, futurist, and transformation expert based in Washington, DC. He is currently Chief Strategy Officer at the industry-leading digital strategy and online community solutions firm, 7Summits.
Addteq is a leader in providing business solutions to Enterprise clients. Addteq has been in the business for more than 10 years. Through the use of DevOps automation, Addteq strives on creating innovative solutions to solve business processes. Clients depend on Addteq to modernize the software delivery process by providing Atlassian solutions, create custom add-ons, conduct training, offer hosting, perform DevOps services, and provide overall support services.