How do I profile "Loading config file"

[iacore]

Most of the time of building the site (deno task lume) seems to be loading _config.ts.

How do I profile this?

[oscarotero]

The function to detect the config file is this: https://github.com/lumeland/lume/blob/main/core/utils/lume_config.ts#L55

For profiling, I use to change the lume/ import map to my local clone:

"imports": {
-    "lume/": "https://deno.land/x/lume@v2.2.0/
+    "lume/": "../lume/
}

Why to you think this is a problem? it's expected to load the _config.ts file.

[iacore]

i suspect the time is spent on loading all the dependencies, not rendering the site.
i want to profile the time it takes to load all the dependencies, which seems to be handled by Deno.

[oscarotero]

You can run

const t = performance.now();
console.log(`${t} ms since start!`);

to know the time from Deno's start.
But the dependencies are loaded only once, and then cached.

Another way is using Lume events. For example:

site.addEventListener("beforeBuild", () => console.log(`Prepared to start: ${performance.now()}`);
site.addEventListener("afterLoad", () => console.log(`all files are loaded: ${performance.now()}`);
site.addEventListener("afterRender", () => console.log(`all pages are rendered: ${performance.now()}`);
site.addEventListener("beforeSave", () => console.log(`all processors are runned: ${performance.now()}`);
site.addEventListener("afterBuild", () => console.log(`site build: ${performance.now()}`);

[iacore]

So I was wrong. Rendering pages took a long time.

start: 626.560687
prepared to start: 635.202647
all files are loaded: 639.215176
all pages are rendered: 2408.886866
all processors are runned: 3093.362995
...
229 files generated in 2.54 seconds

Can I somehow profile this more? To see which page is rendered the slowest.

[oscarotero]

The pages are rendered in parallel, so not sure if it's easy to profile it. What template engine are you using? (vto, mdx, njk...)

[iacore]

The pages are rendered in parallel, so not sure if it's easy to profile it. What template engine are you using? (vto, mdx, njk...)

mostly remark with a katex filter, a hljs filter

import remark from "lume/plugins/remark.ts"
import remarkSmartypants from "https://esm.sh/remark-smartypants@2.1.0"
import remarkMath from 'https://esm.sh/remark-math@6.0.0'

site.use(remark({
  remarkPlugins: [
    [remarkMath],
    [remarkSmartypants, {}],
    // [remarkObsidianLink, {
    //   hrefTemplate: (link_text: string) => `../${link_text}`
    // }]
  ]
}))

[oscarotero]

Can you try if with markdown-it goes faster?