Updated: January 2018
It’s a miracle this theme loads in under 4 seconds (sometimes 3) with all of these obstacles stacked against.
The client wrote:
To make a long story short, the job was to improve the look of the website and improve the speed to 2 seconds or less. When he started the site was loading close to 3 seconds and as you can see it got worse to about 4 seconds. I believe it was $680.00 through a “developer” in India.
You got at least $1,500 worth of work for $680 dollars. Many people would be satisfied with your site. It’s fresh and modern. You’re disappointed because your expectation of speed improvement didn’t materialize as promised. In fact, it got 1-second worse (depending upon the test used).
The theme “The7” cost $59. The visual composer (drag-and-drop) is built-in for maximum customization. It’s “feature-rich” – meaning the theme authors from the Ukraine included the kitchen sink to appeal to everyone. Multipurpose usually means slow. The7 has been sold 30,000 times. It’s popular. Popular means “slow.” That is because people are attracted to themes that look pretty and have bells and whistles. But learning how to use The7 is probably as complex as a new computer operating system.
$1.7 million dollars worth of The7 theme have been sold to happy(?) customers. In the Ukraine, that’s a lot of money.
Images on your page are 265k for background images and 230k for other images. The PNGs can’t be altered or it destroys the aesthetics. They require transparency. They are the biggest part of the image weight. They cannot be improved with optimization either.
This is typical: 50 percent code weight and 50 percent image weight.
The goal is to balance aesthetics (branding) and speed (load time). Anytime, you increase one you decrease the other. Push and pull. More decoration slows down a site. Less speeds it up.
There are two types of aesthetic design: classic and expressive.
A “The7” site leans toward expressive because of the colors, animation, and image usage. Image usage includes PNG transparency and large background images (layering effects). If too much expressive aesthetic is used, then the page gets visually noisy – and heavy. It distracts from the content (text). The goal is to get people to read – or click a response button.
Classic aesthetic is static, clean, and usually stark white. Sometimes referred to as minimalistic. But it has it’s roots in Greek and Bauhaus design theories with white space usage, invisible grids, and golden-aspect ratios.
If a page is too classic, it gets boring and repetitive. If it is too expressive, it turns into distracting noise. A balance has to be found again for wisdom. How “good is good enough” is subjective and biased by opinion and perception.
For me, it’s amazing The7 theme loads in 4 seconds with all the expressive design elements. 4 seconds is a typical load time for a WordPress theme that doesn’t have many images on the page –and no animation. But the Internet average load time is about 8 seconds. Which has been proven practically intolerable for users. The saving grace is the pages aren’t completely blank for 8 seconds. If it is blank, the site will most definitely be abandoned.
At this point, to get better speed, you’d have to throw money at the theme problem – or redesign. You’d have to sacrifice some expressive aesthetics – especially the animation. All for a few seconds of speed.
I do like the look of the site so my goal would be to improve the speed as you suggest. 4 seconds is just too long.
There are other things that can’t be changed: Fontawesome is included. It loads even if it isn’t used. SliderRevolution plugin is loaded on every page – even if there isn’t a slider present. Dashicons are loaded for every page. Various Google fonts are loaded. While all of these things can be removed with code modifications, they are part of the design and the site wouldn’t look the same – it may even break.
After he screwed up my site
Your site isn’t screwed up. It’s just not perfect in every way. Perfection can have a high price. It’s definitely an above-average website. Very usable. We wouldn’t have wanted to build it. We wouldn’t change it. Those animation addons have a steep learning curve.
I followed this guide exactly but it only made a tiny improvement: http://www.onlinemediamasters.com/w3-total-cache-settings/
We’ve never had any success with W3 Total Cache plugin. So you aren’t the Lone Ranger. In general, if the site is already as optimized as it can get, caching just doesn’t make any difference. It doesn’t matter what caching plugin you use.
But recently Cloudflare and MaxCDN stopped working right so I disable both of them and they weren’t really working anyway.
Be sure to completely uninstall any plugins associated with those old CDNs.
Cloudflare CDN also failed in our speed testing. Same story as caching. Once a site is optimized, CDNs can’t help. Instead, they frequently slow down pages or cause “page not found” errors. It’s our opinion that CDN mainly helps with security and not speed. But if you have a grossly bloated website, CDN makes a difference. Or if you are selling to an international market (which you aren’t).
CDN and caching are band-aids for sloppy designers. Too lazy to optimize.
Current plugins:AkismetYoast seo premiumWP smushRelevansii premiumBlubrry powerpress for my podcastcontact form 7forget about shortcode buttonsninja popupsSlider revolution-homepage animationW3 total cacheWPbaker visual composer ( this is what he used to design the site rather than my requested CSS in the style.css document in the child theme which is blank).
There isn’t anything we can add that would significantly improve the speed. We do believe W3 Total Cache is minifying your CSS and JS files. It’s also gzip compressing all files. So you are getting some benefit from it. Those features could be added with other plugins – but there wouldn’t be a speed increase to remove the W3 Total Cache plugin.
Contact Form 7 is a heavy plugin. But changing it to something lighter won’t be significant. We’d leave it alone.
Conclusion: We suggest your website is good-enough to communicate for marketing purposes. Review the main goal of your site. Redesign should be postponed as long as possible.
LOOKING FOR A NEW THEME FOR 2018
Mobile WordPress Speed – without coding!