話題ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€è¡æ’ƒã®ã‚´ã‚·ãƒƒãƒ—ã€æœ€æ–°ã®äº‹ä»¶æƒ…å ±ã‚’ã„ã¡æ—©ããŠå±Šã‘ï¼çŸ¥ã‚ŠãŸã„ã“ã¨ãŒä»Šã™ãã‚ã‹ã‚‹ã€ã‚ãªãŸã®å¥½å¥‡å¿ƒã‚’満ãŸã™æƒ…å ±ãƒãƒ–
';
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();
}
})();
