ESP8266 do not render SVG icons properly on server(client)

Projects General Guidance
1

Hello, came across a problem, code seem to work perfectly fine, but 1 in 3 times html code(svg) do not render properly on client side, as well with it, some of html is missing too. In the image below you can see that red rectangles indicated html and svg missing, green ones render properly. I thought It could be my fault, but as I mentioned before - sometimes if I unplug ESP8266 and server restarts I get page loaded correctly with all html & svg. Any idea where could be the problem ? Maybe ESP8266 don't have enough power to render icons and medium html files ?

In the image below you can see theres no icons & table is missing in the middle.

missing_icons
missing_icons763×590 62.8 KB

In the image below you can see theres no icons, but somehow table appeared in the middle this time.

missing_icons2
missing_icons21160×449 64.2 KB

After third restart, everything worked as a charm, as it should be:

works
works1175×583 82.1 KB

Basically what I learned, that if I delete svg files, page renders correctly everytime.

2

Absolutely nothing in that focus free picture.
Read this and try again: How to get the best out of this forum - Using Arduino / Project Guidance - Arduino Forum

3

The ESP8266 renders nothing, it just serves the stored content. You browser does all the rendering.

Your browser probably also has a developer view that tells you what exactly went wrong during the reception of all page content.

An ESP8266 isn't the right choice to provide complex web pages, although if done correctly your symptoms probably will go away. As you didn't post your (complete) code we cannot help you to find the error you have there.

4

Are the files stored inline, or as data/files saved in SPIFFS (LittleFS).
Leo...

5

Thank you all for responses. Couldn't find a solution, so replicated all icons by css with :before & :after.

6

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.