Header 5 not shown for mobile speed.

Save the Internet from WordPress speed abuse.

Updated: July 2017

6 minute read

Summary: The7 theme javascript is the main speed obstacle. Second, is the type of image files used to create the animation (PNGs). Third, the animation plugins (slider) is slowing down the site. These elements cannot be improved or changed.

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.

The7-theme-demo

$1.7 million dollars worth of The7 theme have been sold to happy(?) customers. In the Ukraine, that’s a lot of money.

One single javascript file for this theme feature is 403k minimized. A heavy load. There is about 1M of javascript total associated with the theme (before being gzip compressed). This cannot be improved.

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.

The prospects of trimming 2 seconds aren’t good. The image assets are heavy and require Javascript to be loaded. The PNGs can’t be improved. They are already 8-bit save-for-web and best case. But Jpegs may be improved. From our tests, we doubt the Smush plugin is doing any good. WordPress image compression was recently changed from 90 to 82. That is good enough.

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:
Akismet
Yoast seo premium
WP smush
Relevansii premium
Blubrry powerpress for my podcast
contact form 7
forget about shortcode buttons
ninja popups
Slider revolution-homepage animation
W3 total cache
WPbaker 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.

Godspeed—

Steve Teare
performance engineer

Mobile WordPress Speed – without coding!

What others think of us:


"Your site is the only one I've found that seems to take a serious approach to making a WordPress site fast. Everyone talks about the Yoast plugin, fast hosting, CloudFlare, but I haven't read about time to first byte, image compression or similar subjects elsewhere." medium.com/@nathanpen Texas, USA

by - Nathan Pennington