Question
How to solve 504 errors?
- Posted on January 12, 2024
- DigitalOcean App Platform
Asked by Juul Spee
I’m building a website that accesses an API powered by Directus, deployed on the DO App Platform. When I load a page with a gallery of images, I often run into 504 and network changed errors for image and XHR requests. I have a test page live on https://fotostrips.nl/beta/test-requests that loads a set of 200 images, which usually triggers the errors for one or more images.
The response headers of a failed image request include:
X-Do-Failure-Msg: upstream_reset_before_response_started{connection_termination}X-Do-Failure-Code: UCX-Do-Orig-Status: 503
I don’t see any logs about failed requests in my app’s runtime logs. Directus only shows logs for 200 requests, which leads me to believe it’s not a Directus issue, but a DO issue. How can I find out what’s going on?
Increasing the RAM doesn’t seem to have any effect. And the 504 error, which is usually described as a timeout, happens sometimes instantly for some requests, so not necessarily after a certain time interval.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.
Featured on Community
Get our biweekly newsletter
Sign up for Infrastructure as a Newsletter.
Hollie's Hub for Good
Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.
Become a contributor
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
Hi there,
The
504 Gateway Timeouterror indicates that your server, while acting as a gateway or proxy, did not receive a timely response from the upstream server (in this case, your Directus API on the DO App Platform). TheX-Do-Failure-MsgandX-Do-Orig-Status: 503suggest that the issue might be related to the upstream server (Directus) being temporarily unable to handle the request.What I could suggest checking first is to make sure that your Directus App on DigitalOcean has sufficient resources (CPU and Memory). Heavy image load requests might be overwhelming the server.
The DigitalOcean app platform, does not limit the number of concurrent connections to your app, but each connection consumes system resources and may affect your app’s performance when it is under heavy load. If you are experiencing performance issues related to large numbers of concurrent connections, I would recommend scaling your app to better handle the work load.
Also, Directus relies heavily on its database. Ensure the database is optimized and can handle concurrent requests efficiently and also check the database resources utilization to make sure that it is not the bottleneck.
If you are serving large images, consider resizing, compression, and using efficient formats like WebP to optimize the load times. But also make sure to use a CDN as it can significantly improve the loading times of images and reduce the load on your Directus app itself. Generally speaking, it is best to serve all static files via a CDN.
Let me know how it goes!
Best,
Bobby