我正在尝试使用“Prerender.cloud”服务创建一个动态渲染示例。我采用了我的 URL 的预呈现版本。
我可以把代码结构放在这里，但这不是问题。
a) 我净化了 CSS。 b) 我删除了所有不必要的代码和资源。 c) 我更改了资源顺序/组织以获得更好的速度。 d) 优化图像。 e) 减少了请求的大小。 f) 减小了页面大小。
我将页面速度提高了 3 秒，并减小了 %200 的大小。
但主要问题在这里：
我有一个 rootdomain.com/example-dynamic-rendering 页面。这是原始页面。我想把这个提供给客户。
另外，我有我的预渲染示例，我想知道如何将这个静态 HTML 页面从同一 URL 提供给搜索引擎用户代理？
您对此任务有任何想法或代码吗？
请帮忙。
【问题讨论】：
标签： rendering puppeteer static-html
您可以使用 puppeteer 加载该动态页面/应用程序并加载它的 HTML 并将内容保存到 HTML 文件中。然后，如果 Google bot 抓取工具访问您的网站，您可以要求他们通过 robots.txt 文件抓取此 HTML 文件。
您可以在每次想要运行时运行此 puppeteer 脚本。也许你可以使用cron 来自动运行这个脚本。
类似这样的：
const puppeteer = require ('puppeteer')
const CronJob = require ('cron').CronJob
const fs = require ('fs-extra')
const crontask = '0 */1 * * *' // This will run script every hour
const urlDynamic = 'https://www.example.com' // Change this to your dynamic url
const staticFile = 'statichtml.html'
;(async () => {
const browser = await puppeteer.launch ({
headless: true,
devtools: false
})
const [page] = await browser.pages ()
const autorun = async () => {
const open = await page.goto ( urlDynamic, { waitUntil: 'networkidle2', timeout: 0 } )
const html = await page.content ()
const save = await fs.writeFile ( staticFile, html )
}
const job = new CronJob(crontask, async () => {
autorun ()
})
job.start()
})
【讨论】：