ESP8266 Community Forum

[RichardS]

- Tue Mar 06, 2018 7:30 am #74407 I used an example from Asyncwebserver and put all my files for the webpage in SPIFFS, these files ranged from the index.html (1KB) to bootstrap.min.css (142KB) bootstrap.min.js (37KB) styles.min.css (3KB) font files (300KB) and jquery.min.js (95K)

When I pull up the index.html the webpages are served very very slowly and most of the times do not complete.

I also tried coding all the files to const char arrays and serving them up the old fashion way win server.on() and still it does not work.

I am using Arduino 1.8.5 and also the ESP8266 support files for it 2.4.0

Hope to find some experts in the crowd!

Thanks!
RIchardS

Surplus parts
https://epartsconnect.com

Live realtime stock market prediction website. https://www.stocksignalslive.com my latest creation. Uses AI and machine learning.

New site featuring ESP8266 and ESP32 projects. tutorials, and news.
http://EverythingESP.com

ESP8266.com Founder and Administrator
The Mind Factory (get more from your 3D printer)

Home of the ESP8266, ESP8285, and ESP32 microcontrollers....

- Tue Mar 06, 2018 8:19 am #74408 Hi,
try to:
1. put .css together into one file
2. compress everything with gzip and store gzipped files instead of plain ones
3. write lazyloader for sequential file loading aka try to let maximum 3 TCP connections @ one time
I'm using this technique load:
index.htm.gz (3kB)
app.js.gz (43kB)
blockly.js.gz (188kB)
app.css.gz (17kB)
+ some logo image (~1.5kB gif) + some on-demand loaded small ogg/wav/mp3 files. All loaded under 2.5 seconds. Main page responsive after ~1.2 second.

- Wed Mar 07, 2018 4:08 am #74436 Hi Richard,

In addition to Pablo's excellent advice, you should consider loading bootstrap and jquery from a CDN instead of embeding them (except if your client has no internet access, of course).