Choose the right format- JPG or PNG
Photos or Screenshots- JPG
Logos or Transparent Background- PNG
Use an App (JPEGMini or Image Optim)
Plugin- Short Pixel Image Optimizer
within the code
making the file
similar files into
one so that the
website has less
files to load.
Lazy loading means the website only loads images that a person
can see when they visit the website. As the user scrolls, more
images are downloaded. The eﬀect is that a page is loaded and
visible for the visitor as fast as possible, even if it’s not all
What is a Cache?
A secret place to
Once a person
and other assets
can be saved on
for quick access
Server CacheWordPress putting
a website together
is like putting a
EVERY TIME A
PERSON VISITS the
A Server Cache
saves a snapshot of
the website so it
doesn’t have to be
Once the server saves a snapshot of your website, it
can either be stored on the server’s hard drive (slow
loading) or in the server’s memory (fast loading).
This is how a Memcache speeds up websites.
• DIY- Simple Cache
• Like to Tinker? WP Super Cache or W3 Total
• Pay for Awesome- WP Rocket (recommended for
e-commerce where caching can cause
Next Steps In Order of
1. Get a fast web host like Siteground,
Cloudways, or Flywheel (my personal
2. Optimize where possible
3. Cache to bring all your eﬀorts together.
Whatʻs the Diﬀerence?
Test run by http://tools.pingdom.com