third-party-heavy.htmlโข2.91 kB
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Third Party Heavy Page</title>
<!-- Problem: Multiple third-party scripts in head -->
<script src="https://www.googletagmanager.com/gtm.js?id=GTM-FAKE"></script>
<script src="https://connect.facebook.net/en_US/sdk.js"></script>
<script src="https://platform.twitter.com/widgets.js"></script>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.container { max-width: 800px; margin: 0 auto; }
.social-widget { margin: 20px 0; padding: 20px; background: #f5f5f5; }
</style>
</head>
<body>
<div class="container">
<h1>Third Party Heavy Page</h1>
<p>This page loads many third-party resources that impact performance.</p>
<!-- Problem: YouTube embed without facade -->
<iframe width="560" height="315"
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
frameborder="0"
allowfullscreen>
</iframe>
<!-- Problem: Multiple social widgets -->
<div class="social-widget">
<div class="fb-like" data-href="https://example.com" data-layout="standard"></div>
</div>
<div class="social-widget">
<a class="twitter-timeline" href="https://twitter.com/example">Tweets by example</a>
</div>
<!-- Problem: Chat widget -->
<script src="https://widget.intercom.io/widget/APP_ID"></script>
<!-- Problem: More analytics -->
<script>
// Google Analytics
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
// Hotjar
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1234567,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Problem: Multiple ad networks -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="https://cdn.taboola.com/libtrc/example/loader.js"></script>
<p>Content continues below all the third-party embeds...</p>
</div>
</body>
</html>