CSS styling and structure error

[tenoutof10]

Website URL

https://timetolol.rf.gd

Error Message

The website’s CSS isn’t loading as if it would be in the preview when I host it using Infinityfree, but it does elsewhere. Is it a problem that can be fixed, or…? Or is this even part of the host’s problem?

[Admin]

I checked the website and the CSS is not working for me either. When I open the Developer Tools in my browser and open the Network tab, I see that there are many requests that are failing with a 500 status code, like this one:

https://timetolol.rf.gd/asset/gzip/?t=css&d=static/css/&f=bootstrap.css,bootstrap_customize.css,animate.css

A 500 status code usually means that there is PHP code running there, and that PHP code is crashing for some reason. If you want to see why it’s crashing, you can turn on Display Errors:

Http error 500

When trying to access your website, you may see a page which returns the status code “500”. In Google Chrome, you’ll see a page with the error code HTTP ERROR 500. There are typically two reasons which can cause this error: The PHP code has crashed. The .htaccess file contains invalid rules. Here are some things you can try to debug and fix this. Fixing crashing PHP code A HTTP ERROR 500 simply tells you that the PHP code has crashed, but gives no information as to why it has crashed. Gett…

That said, I’m not sure that this URL is doing, but I would recommend against running PHP code to process CSS files on the fly. It can risk using too much server power and processes, and the performance benefits are debatable. So if there is a way to turn off this CSS optimization/compression system in your website, you may want to do that instead.

[tenoutof10]

yeah, the website’s biggest issue is the lack of CSS structuring, which im not sure if it’s an error for infinityfree or for the developer

[chiucs123]

Hi tenoutof10,

From our testing, it’s an error for the developer. Error 500 simply means PHP code has some bug(s).

Instead of this link:
https://timetolol.rf.gd/asset/gzip/?t=css&d=static/css/&f=bootstrap.css,bootstrap_customize.css,animate.css

Try using static links for your CSS files like:

• https://timetolol.rf.gd/static/css/bootstrap.css
• https://timetolol.rf.gd/static/css/bootstrap_customize.css
• https://timetolol.rf.gd/static/css/animate.css

Combining the files does not give you a performance increase but rather more resources for creating temporary files, which consumes CPU time and adds unnecessary latency to your site. The way minification works is to have those files pre-compiled as static files before use, but with standard libraries that most other sites use, this is not necessary as well. The user probably has already loaded those from another CDN and has a cache loaded already.

Here are some replacements that can help with your case (remember to select the version, I see you using an ancient version of BS3).

cdnjs - The #1 free and open source CDN built to make life easier for developers

cdnjs - The #1 free and open source CDN built to make life easier for developers

[tenoutof10]

thank you very much! this will help dearly!