预加载 Iframe 提升网页加载速度

预加载 iframe 可以通过在页面加载时提前加载 iframe 的内容，从而加快网站的加载速度。以下是一个预加载 iframe 的示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>预加载 Iframe</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        iframe {
            width: 100%;
            height: 100vh;
            border: none;
        }
    </style>
</head>
<body>
    <div id='iframeContainer'></div>

    <script>
        window.addEventListener('DOMContentLoaded', function() {
            const iframeContainer = document.getElementById('iframeContainer');

            // 创建一个隐藏的iframe元素
            const iframe = document.createElement('iframe');
            iframe.style.display = 'none';

            // 设置iframe的src属性
            iframe.src = 'http://host.gay';

            // 将iframe添加到页面中
            iframeContainer.appendChild(iframe);

            // 当iframe加载完成后显示
            iframe.addEventListener('load', function() {
                iframe.style.display = 'block';
            });
        });
    </script>
</body>
</html>

这段代码首先在页面中创建一个隐藏的 iframe 元素，并设置其 src 属性为需要加载的网页地址。然后将 iframe 添加到一个容器元素中。当 iframe 加载完成后，将其显示出来。

通过这样的预加载方式，可以在页面加载时提前加载 iframe 的内容，从而使网站加载更快速。