トレンドラボ

話題のトレンド、衝撃のゴシップ、最新の事件情報をいち早くお届け！知りたいことが今すぐわかる、あなたの好奇心を満たす情報ハブ

'; entryContent.insertBefore(skeleton, entryContent.firstChild); window.addEventListener('load', function() { skeleton.style.transition = 'opacity 0.5s'; skeleton.style.opacity = '0'; setTimeout(function() { skeleton.style.display = 'none'; }, 500); }); } } // 安全なリソースプリロード function safePreloadCriticalResources() { var criticalImages = Array.from(document.querySelectorAll('.entry-content img')).slice(0, 2).map(function(img) { return img.src || img.dataset.src; }); var commonResources = [ { href: 'https://cdn.blog.st-hatena.com/css/blog.css', as: 'style' }, { href: 'https://cdn.blog.st-hatena.com/js/hatenablog.js', as: 'script' } ]; var resources = commonResources.concat(criticalImages.map(function(src) { return { href: src, as: 'image' }; })); resources.forEach(function(resource) { if (resource.href) { var link = document.createElement('link'); link.rel = 'preload'; link.href = resource.href; link.as = resource.as; if (resource.as === 'image') { link.setAttribute('fetchpriority', 'high'); } document.head.appendChild(link); } }); } // Google AdSense 最適化 function optimizeAdSense() { function isAdSenseLoaded() { return typeof adsbygoogle !== 'undefined'; } function loadAdSense() { if (!isAdSenseLoaded()) { var script = document.createElement('script'); script.async = true; script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3827812849061768"; script.crossOrigin = "anonymous"; document.head.appendChild(script); } } if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadAdSense(); observer.disconnect(); } }, {threshold: 0.1}); observer.observe(document.body); } else { window.addEventListener('load', function() { setTimeout(loadAdSense, 3000); }); } function observeAds() { var adObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList') { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1 && (node.tagName === 'IFRAME' || node.tagName === 'IMG')) { node.style.maxWidth = '100%'; node.style.height = 'auto'; } }); } }); }); document.querySelectorAll('.adsbygoogle').forEach(function(container) { adObserver.observe(container, { childList: true, subtree: true }); }); } // 広告の下に空白を追加 function addSpaceBelowAds() { var adContainers = document.querySelectorAll('p:has(script[src*="adsbygoogle"])'); if (adContainers.length === 0) { adContainers = Array.from(document.querySelectorAll('p > script[src*="adsbygoogle"]')).map(function(script) { return script.parentElement; }); } adContainers.forEach(function(container) { container.style.marginBottom = '30px'; }); } // DOMContentLoadedイベント後に広告の下の空白を追加 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', addSpaceBelowAds); } else { addSpaceBelowAds(); } // 定期的に確認して新しく追加された広告にも適用 setInterval(addSpaceBelowAds, 2000); window.addEventListener('load', optimizeAdContainers); window.addEventListener('resize', optimizeAdContainers); document.addEventListener('DOMContentLoaded', observeAds); } // パフォーマンスモニタリングの強化 function enhancedPerformanceMonitoring() { if ('PerformanceObserver' in window) { new PerformanceObserver(function(list) { list.getEntries().forEach(function(entry) { console.log(entry.name + ': ' + entry.startTime + 'ms'); }); }).observe({entryTypes: ['resource', 'paint', 'largest-contentful-paint']}); } } // Web Vitals測定 function measureWebVitals() { var script = document.createElement('script'); script.src = 'https://unpkg.com/web-vitals/dist/web-vitals.iife.js'; script.onload = function() { webVitals.getCLS(console.log); webVitals.getFID(console.log); webVitals.getLCP(console.log); }; document.head.appendChild(script); } // メイン初期化関数 function initOptimizations() { createSkeletonUI(); optimizeFonts(); safePreloadCriticalResources(); optimizeImages(); optimizeAdSense(); window.addEventListener('load', function() { loadCSS('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); measureWebVitals(); enhancedPerformanceMonitoring(); }); } // 初期化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initOptimizations); } else { initOptimizations(); } })();