ESP8266 Community Forum

So I've been working with the Adafruit ESP8266 Huzzah for a little while now and I've been having trouble running a website with a file system library.

My issues are as follows:

- images/css/js files are always failing to load
- the ESP8266 crashes a lot (mostly when switching pages)
- refreshing the page takes forever
- my websocket connections are always closing randomly.

Issue example (images/css/js):

I was originally using the libraries used in the FSBrowser example:
- ESP8266WiFi.h
- ESP8266WebServer.h
- FS.h

However, my css/js would fail to load the larger those files got so now I am currently using a modified version of the SPIFFS library that is asynchronous: https://github.com/me-no-dev/ESPAsyncWebServer

And this is where I'm at right now. The largest image I currently have is 47 KB (and there are only four images currently), and I really would like to be able to get this running in a more stable fashion so I could really use some help here.

Source ino file: http://tinyurl.com/hlatp67
Header ino file: http://tinyurl.com/harb9fq
HTML/CSS/JS: http://tinyurl.com/jje6efs

I also would like to get something like you want. I had tried but I also had similar issues. I decided to concentrate on other things. One of the things that I thought was happening was that there were too many requests for the ESP8266 to handle. The web page I was working with sent requests for all the files at once. I was looking at how I could not request a new file until the previous request was complete.

The files I had were small. The image files were about 10k each.

I came across https://github.com/jasoncoon/esp8266-fastled-webserver

I had ESP_AsyncFSBrowser.ino on the ESP8266. I then loaded the Data directory from esp8266-fastled-webserver and ran it. Just the web page. I didn't have one library needed in the fastled sketch so I just tried the AsyncFSBrowser.ino with the fastled Data and it worked.

index.htm 5k
styles.css 224k
scripts.js 151k
glyphico.woff2 18k

It has never crashed or failed to load. I had expected it to have trouble because of the file sizes but it didn't.

(a few minutes later)

I made a dead simple web page, html only, with three large image files adding up to 917K. Complete transfer took 4.7 seconds, running the ESP at 160Mhz. No problem displaying the page with the three images. I used Chrome and Firefox.

rudy wrote:I came across https://github.com/jasoncoon/esp8266-fastled-webserver

I had ESP_AsyncFSBrowser.ino on the ESP8266. I then loaded the Data directory from esp8266-fastled-webserver and ran it. Just the web page. I didn't have one library needed in the fastled sketch so I just tried the AsyncFSBrowser.ino with the fastled Data and it worked.

index.htm 5k
styles.css 224k
scripts.js 151k
glyphico.woff2 18k

It has never crashed or failed to load. I had expected it to have trouble because of the file sizes but it didn't.

(a few minutes later)

I made a dead simple web page, html only, with three large image files adding up to 917K. Complete transfer took 4.7 seconds, running the ESP at 160Mhz. No problem displaying the page with the three images. I used Chrome and Firefox.

I don't quite understand, are you saying you used the regular unmodified Async example with the async server libraries and then just took the webpage code from the data folder of this other fast led github?

Or did you use another portion of the fast led github and I'm misunderstanding?