Looking for fast efficient bootstrap template

[surnames]

I am trying to find a better template for my site, most visitors viewing pages on a mobile (cellphone)

the site is a directory with 1,000s of links indexed by state, county city., using Google adsense in moderation.

Currently using a bootstrap template from W3Schools.com

It optimizes my pages for mobile, but has over 300k in javascript and css files to load.


I am looking for a much simpler template with a minimum of css and javascript.

Can anyone suggest a good site that provides templates either free or low cost that would suit?

thanks in advance

[surnames]

Been researching for a solution, one answer is to minify the css and js files as only 10% of their content is used to create the page.

Success with reducing css file from 118k to 10k using a free online service at https://purifycss.online

now looking for a way to minimize the js files.

[edited by: not2easy at 12:00 pm (utc) on Feb 6, 2022]
[edit reason] please see charter [/edit]

[Dimitri]

now looking for a way to minimize the js files.

You just type "JS Minify" in any search engine, and you'll get plenty of sites, scripts and libraries which can do this. DuckDuckGo lets you minify your js code directly into their SERP too.

[not2easy]

Lots of free or cheap apps around for minifying code. You can minify html too, just sayin'.

[surnames]

Dimitri, not2easy, my apologies for my incorrect use of words.

Minify is to compress the code with no spaces, I can do this.

The js script is bloated and my page only uses a fraction of the code. I am looking for a site that can highlight the unused code so I can remove it.

regarding the css, you just input your url and it delivers a file with just the 10% of the code my page uses.

[edited by: not2easy at 1:30 pm (utc) on Feb 6, 2022]
[edit reason] PLEASE see Charter [/edit]

[surnames]

re js script cleanup a site offers to do it but when i input my URL it just froze

[edited by: not2easy at 1:31 pm (utc) on Feb 6, 2022]
[edit reason] please see charter [/edit]

[Dimitri]

I find it hard to automatically remove unused piece of JS code.

For example, it's not because a JS function is not called during the initial rendering of the page, that it means this code will never be called at all "later", or during the interaction with elements of the page, etc...

Are the 300k, you mentioned, before or after GZ / Brotli compression ?

[surnames]

Dimitri,

actually the compressed (minified) js files and css file adds up to 246k.

that is now reduced to 136k by cleaning up the css file.

My pages are really simple, (just lists of links), and I would test the reduced js script out on all browsers before uploading them to the web

[coothead]

Hi there surnames,

if you removed both the Bootstrap and w3schools nonsense
and replaced it with Vanilla HTML and CSS coding, you might
find that your problems had miraculously disappeared. ;)

coothead

[NickMNS]

@surnames
You are complicating your life for nothing. I recommend that you use Cloudflare, the free plan should be sufficient for your needs. Directly, it can be used to automatically minify your css, html and js. But more importantly you can use it to cache your pages such that many user requests would be served from the Cloudflare cache instead of your server. This will speed things up and even saves you band width.

It is very simple to setup.

[Dimitri]

If you pages are that simple, may be you can invest a few days, building your own template, css, html . This is will always be profitable on the long term. Light code, and exactly what you need.

[tangor]

When you look at third party solutions you get third party specs.

For something as described a DIY is a far better approach. Add only what you need and nothing else.

[Kella65]

I think that in this situation you need to pay attention to the result

[Brett_Tabke]

If you are using standard js libraries (jquery...etc), use Google to off load the time. Let there ultrafast cdn network work for you. I'd bet a percentage of your users already have that library cached from Google anyway...

[developers.google.com...]

[martinibuster]

Isn't bloat a feature (and not a bug) for Bootstrap?