This proves TSoP can process Lazyload & Image Size from markdown
When converting markdown to HTML, images traditionally lacked proper width, height, and loading attributes. This caused layout shifts, harming user experience and SEO.
We customized TSoP to recognize special markdown comments, like:
markdown
 <!-- SIZE:800x600 LAZYLOAD -->
The above markdown syntax tells the HTML parser in The Speed Of Profit system to set the image size and apply loading="lazy" for faster performance.
As a result, you get consistent image sizing, eliminate layout shifts, and maintain high Core Web Vitals — all while keeping a simple markdown workflow.
This TSoP innovation means you can freely write markdown while ensuring your published site meets modern web standards. That’s powerful.
The idea of The Speed Of Profit system was to provide a web page building system that was easier to use than drag-and-drop, that also built pages that had ludicrous speed.
In testing, this page loaded the First Contentful Paint and Largest Contentful Paint in 262ms, which is a hair over a quarter of a second.
Interestingly, the Time To Interactive (when a user can start to scroll, click a button or click on a menu) is also 262ms, which is very fast.
Here is an actual example of the use of our customization:
The above image will lazy load and has a specific size so visitors' browsers do not experience a layout shift as this image loads.
Markdown-to-HTML web page building systems often overlook these two issues, which are both important to SEO, not so with The Speed Of Profit.