It is painful to watch load here too -- and I can see why; a ridiculous 2.5 megabyte homepage built from 55 files; for what? To deliver 5k of plaintext and maybe a half dozen actual content images? :/
The lack of image optimization or proper thumbnails, basically having the browser scale ridiculously oversized 1600px wide images down to the 256 or less width they're actually being used is just the tip of the iceberg. The endless scripttardery for Christmas only knows what (667k in 25 files), Holy mother of Christmas 493k of CSS in 15 files (when there's no excuse for an entire site's CSS to break 48k in 2 files per media target), and 56k of markup (anywhere from eight to ten times what's needed) means OF COURSE IT'S SLOW... and dicking around with server settings isn't gonna fix that.
Though it's ENTIRELY what I expect when I see turdpress -- much less when mated to bootcrap; on the former turning a blogging system for re-re's into an actual website is a guaranteed road to failure, and on the latter half of the problem you really should go find a stick to scrape that off with; by itself bootstrap is three times the size your entire CSS for a site should be, so you were already long down the road to failure before you tacked another 400k of garbage CSS on it for who knows what.
It REALLY looks like you just took a bunch of off the shelf tech and slapped it together any old way; and that's not a good thing.
Even the markup is the typical train wreck of "I can haz intarnets" garbage one expects from turdpress; from the pointlessly overstuffed keywords meta that has ZERO relevance to the page, to the stupid opengraph nonsense redundant to existing tags, to static scripting and static style inlined in the markup (so much for caching), endless pointless DIV and classes for NOTHING, clearing DIV like it's still 2001, gibberish use of numbered headings, and so forth...
Worst of all, not only is it a bloated mess, NONE of it is being served compressed; so that bloated CSS, bloated scripting and bloated markup is taking anywhere from five to eight times as much bandwidth as necessary. I don't know what you are hosted on, but you really should look into "mod_deflate", aka realtime gzip compression to at least TRY and make that painfully oversized load a little more manageable.
Though like I would tell you on a web development forum, my real advice would be to pitch that whole mess in the trash and to start over with progressive enhancement, semantic markup,
I mean seriously, if you don't know what's wrong with this:
Code:
<body class="logo-type-custom demostyle-type-preset2 mainbody-overlay-light font-family-plethora font-size-is-default menu-type-dropdownmenu layout-mode-responsive col12 option-com-k2 menu-home ">
<div id="rt-page-surround">
<header id="rt-header-surround">
<div class="rt-container">
<div id="rt-top">
<div class="rt-flex-container">
<div class="rt-grid-6 rt-alpha">
<div class="rt-block fp-breadcrumbs">
<div class="module-surround">
<div class="module-content">
<ul class="breadcrumb fp-breadcrumbs">
<li class="active"><span class="divider icon-location"></span></li><li class="active"><span>Home</span></li></ul>
</div>
</div>
</div>
</div>
<div class="rt-grid-4">
<div class="rt-block rt-horizmenu fp-topmenu">
<div class="module-surround">
<div class="module-content">
<ul class="nav menu">
<li class="item-292"><a href="/index.php/about-us-2" >About Us</a></li><li class="item-293"><a href="/index.php/trading-loans" >Trading & Loans</a></li></ul>
</div>
</div>
</div>
</div>
<div class="rt-grid-2 rt-omega">
<div class="rt-social-buttons rt-block">
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="rt-header">
<div class="rt-flex-container">
<div class="rt-grid-4 rt-alpha">
<div class="rt-logo-block">
<a href="/" id="rt-logo"></a>
</div>
</div>
Do the world a favor, back the **** away from the keyboard, and don't come back until you do. Here's a hint:
Code:
<body>
<div id="top" class="widthWrapper">
<ul id="topMenu">
<li class="home">Home</li>
<li class="about">
<a href="/index.php/about-us-2">
About Us
</a>
</li>
<li class="trading">
<a href="/index.php/trading-loans">
Trading & Loans
</a>
</li>
</ul>
<h1>
Micro Museum
<span><!-- image sandbag --></span>
</h1>
That's what probably SHOULD be there... though try convincing the halfwits who write skins for turdpress of that.
It's also completely broken here in both REAL Opera (as opposed to the pathetic crippleware that is ChrOpera) and IE11 -- mostly the stupid "gee ain't it neat" scripted tab nonsense seems to be conflicting with bootcraps pathetic attempts at being responsive.
Sadly, the technologies you've used to build a site exist just for the purpose of deluding people into thinking they can have a website. Reality doesn't work that way. Sorry if all this seems harsh, but the truth often is.
For fixing it, a quick fix for now would be to get server compression working and to stop using massive bloated images for what are being shown at thumbnail sizes. The REAL fix would be to start over from scratch with a "just say no" attitude towards the sleazy shortcuts and pointless code bloat like Wordpress, bootstrap and jQuery.
