How to include HTML code inline into web page from a CDN source (similar to a #include in C)

RobertS 1

Not sure I am asking this in the right forum, but here goes.

I am creating a web page on a medium sized embedded CPU (about 1/2M RAM). When creating the web page that will be used by the embedded web server, I reach about 90+% of my available RAM.

I have already offloaded all the 3rd party libraries to Azure CDN - jQuery, Custom Graphing Libraries etc.

About 75% of my HTML code is constant, and 25% is created at runtime (depending on the setup of the device).

I would like to know if I can save the 75% unchanging code in a CDN, and the similar to C - #include it into my html page from the cdn. (the code may contain constrant scripts, HTML tables etc, and the included code would not be aligned. Another words, it would have to work like a C #include - just pasted inline into the web page.

Dillon Silzer 57,231 Reputation points

2022-09-19T01:27:13.17+00:00

What are you using for a webserver? IIS? Apache? nginx? Is it just an HTML web page?
Robert Salasidis 131 Reputation points

2022-09-19T01:44:44.307+00:00

I am programming on an arduino portenta.
I have about 1m flash, and 450k ram available.

The web server displays sensor data, graphs, etc.

The main areas of the web page are static between all devices, but depending on the sensors, other parts of the web pages can be variable (the embedded cpu builds the web page on startup as required).

I would like to put the constant parts of the web page on the can to save ram and flash space
KapilAnanth-MSFT 44,216 Reputation points Microsoft Employee

2022-09-26T17:08:00.687+00:00

Hi @Robert Salasidis ,

Welcome to the Microsoft Q&A Platform. Thank you for reaching out & I hope you are doing well.
I understand that you would like to offload static content to Azure CDN.

These are the type of scenarios to which you can optimize the CDN :
https://learn.microsoft.com/en-us/azure/cdn/cdn-optimization-overview

I believe the scenario "General web delivery" covers your use case.

Refer : How Caching works

I am afraid I am not sure about the C #include part of your question, can you elaborate on that?

Cheers,
Kapil

1 answer

Dillon Silzer 57,231 Reputation points

2022-09-19T02:20:17.383+00:00

Hi @Robert Salasidis

I'm not sure if I am answering your question correctly, but here it goes.

I don't see why you can't offload all CSS/JS (anything front-end to CDN). Front-end styling/scripts that are static don't need to be hosted on your device/server and saves processing (read) on the device/server. Processing should be reserved for functions on the server such as database and back-end processing (in your case, the sensors).

Your graphs will most likely be styled with css/js and that can come from the CDN.

Hope this helps.

-----------------------

If this is helpful please accept answer.
Please sign in to rate this answer.
Robert Salasidis 131 Reputation points

2022-09-19T10:56:34.123+00:00

Thanks.

That is my fall back position, as it will take reorganizing my html layout.

Currently I have a single file (file system is crude on the device, so was easier to just keep all the css, script etc in one long string.

I would prefer if I could just host arbitrary sections of this "html string" that I send to a browser on request in a cdn.

That is why I was saying like a #include. It could be a fractured piece of html or a Javascript function. The #include would simply cut and pastecsectikns to complete the web page.

Thanks

Robert Salasidis 131 Reputation points

2022-09-28T18:47:07.883+00:00

Yes, I saw it thanks.

I did offload the CSS.

I will offload some of the script (some screipt is generated on the fly, so cannot be offloaded, but most is not).

What I was wondering, which was not answered, is can I offload the actual HYML code.

For example the web page would have some html

<body>
..
..
..
<\body>

I would like to place all that in a CDN, and simply link to it via a line in its place.

Thanks
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

How to include HTML code inline into web page from a CDN source (similar to a #include in C)

1 answer

Your answer