Over the past month, the Photomatico Photobooth website's bandwidth has been shooting through the roof.
Previously, photomatico's bandwidth is proportional to the number of users and while this is cause for celebration it was a bit concerning. If it's increasing why isn't the number of In-App-Purchases on my Chrome store increasing proportionally as well? (It wasn't).
Photomatico's website is using DiviTheme and while it was really easy to setup the layout, I pulled up the inspector and noticed that one of my landing pages was accounting for around 1MB per visit (!!!). At 160 views per day, that accounted for 160-200MB of bandwidth a day.
I looked at the network waterfall view in the inspector and noticed that with DiviTheme it was serving two files, jquery and a style.css stylesheet. Both of these files added to almost 1MB. Both of these have no reason to be that large and should be minified (compressed).
I hunted around and installed the W3 Total Cache wordpress plugin.
Here's the steps I did :
- Install W3 Total Cache by logging into your wordpress site
- On the menu, mouseover
Pluginsand click on
- Search for
W3 Total Cache
- Once installed, click on the
Settingslink for W3 Total Cache
- Scroll down to the minify section and verify that the checkbox beside
See screenshot below:
- Click on the button labeled
Save all settings.
After installing and setting it up, I noticed that the bandwidth per page went down significantly (by almost 50%).
Subscribe to Daniel Tse, Engineer, Consultant
Get the latest posts delivered right to your inbox