JS CSS Font Optimization
- This topic is empty.
February 2025 promo! Join our Discord free of charge.
Hello Friends;
I have affiliate web site and I’m having big time JS, CSS and Fonts render blocking resourced.
I tried CloudFlare Rocket Loader, but it didn’t help. I’m familiar with the Bootstrap Frame work and Html where I could add defer, async attributes for JS files and pre-connect and preload attributes for CSS and Fonts. But I can’t find the files containing the directives so I could modify.
I’m using Elementor Page Builder and Flatsome Theme.
Please help.
Thanks
delete Elementor will fix 90% of code bloat 😆
@OP Bootstrap doesn’t really have anything to do with async or defer, you can do that with any WordPress framework or theme.
Cloudflare Rocket Loader only affects JS, any CSS you want to load inline depends on your WP theme or you can use a plugin to accomplish that like Autoptimize
Also IMO preconnect nad preload are a bit of a gimmick. Mostly that depends on browsers these days and it should be their job to decide those things.
Cloudflare Rocket Loader + Autoloader is a good combo
And don’t use more than a few Google Fonts. Hosting them locally is stupid, you can try Cloudflare APO to host Google Fonts on their CDN if you want, but again stupid. Google’s servers are plenty powerful enough, and if you are using a popular web font chances are that many users have it cached in their device browser already
Autoloader for CSS is NOT necessary if your WP theme loads the CSS inline already, to anyone reading this. Unless you are using bloated page builders, or other plugins loading tons of CSS files that you are trying to optimize.
if your WP theme loads the CSS inline
Is this common tho? me thinks not
HoverCraft, the default WP theme for SlickStack, loads all CSS inline by default.
Stop fixing your WordPress theme, and focus on your business.
Friends, the time has come for us to ask for your financial support. After 5+ years of (growing) expenses, and taking time away from consulting and services, we must start generating donations in order to continue this level of rapid project development. Please consider donating, so that we can keep SlickStack free and open source. Thank you! 🙏 😍
We champion core values like free speech, transparency, and portability, and welcome anyone else who does too.
Here is a non-exhaustive list of plugins, themes, and other services that we recommend checking out.
Every stack script and server deployment platform is a bit different, so check to see how SlickStack compares.
Subscribe to our free newsletter to receive occassional updates, we respect your privacy and do not sell your information.
Here’s some of the incredible performance features you can expect after launching your SlickStack cloud VPS.
If you are wondering what specific problems SlickStack can help solve, browse some of the solutions below.
In lieu of donations, please show your support by mentioning SlickStack on your blog or write a review. Thank you!