Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Whatʻs Caching got to
do with website speed?
By Arlen Nagata, HawaiiWP.com LLC
Before we do anything, understand how a
website works.
It loads files one at a time.
Then let’s set a goal for our website...
First things first, start
with a fast web host!
You canʻt help a
bad, slow, shared
web host!!!
Invest in a fast
web host. Most
start at $15/mo.
https://flic.kr/p/6gYLHR
Web host
Recommendations:
Siteground
Flywheel
Cloudways
https://flic.kr/p/6gYLHR
Next we should
Optimize our site!
Optimization
Image
Image Optimization
Choose the right format- JPG or PNG
Photos or Screenshots- JPG
Logos or Transparent Background- PNG
Use...
Optimization
Minification
ConcatenationMinification
removes spaces
within the code
making the file
sizes smaller.
Concaten...
Optimization
Lazy load
Lazy loading means the website only loads images that a person
can see when they visit the website....
Now, let’s talk caching
What is a Cache?
A secret place to
store stuff.
Types of
Cache
Browser Cache
Once a person
visits your
website, files
like your
images, logo,
and other assets
can be save...
Types of
Cache
Server CacheWordPress putting
a website together
is like putting a
puzzle together
EVERY TIME A
PERSON VISI...
Types of
Cache
Memcache
Once the server saves a snapshot of your website, it
can either be stored on the server’s hard dri...
Caching Solutions
• DIY- Simple Cache
• Like to Tinker? WP Super Cache or W3 Total
Cache
• Pay for Awesome- WP Rocket (rec...
Next Steps In Order of
Importance:
1. Get a fast web host like Siteground,
Cloudways, or Flywheel (my personal
recommendat...
Whatʻs the Difference?
Test run by http://tools.pingdom.com
Upcoming SlideShare
Loading in …5
×

Leeward WordPress Meetup- Caching and Website Speed

257 views

Published on

Arlen Nagata of HawaiiWP.com shares about how a website works, tips for optimization and caching, and plugin recommendations and next steps to cut your website loading time in half.

HawaiiWP.com specializes in professional website management where we handle every detail of your website to make sure you have a fast, effective website. Find out more at Hawaiiwp.com

  • Login to see the comments

  • Be the first to like this

Leeward WordPress Meetup- Caching and Website Speed

  1. 1. Whatʻs Caching got to do with website speed? By Arlen Nagata, HawaiiWP.com LLC
  2. 2. Before we do anything, understand how a website works. It loads files one at a time. Then let’s set a goal for our website to load in under 2 seconds.
  3. 3. First things first, start with a fast web host!
  4. 4. You canʻt help a bad, slow, shared web host!!! Invest in a fast web host. Most start at $15/mo. https://flic.kr/p/6gYLHR
  5. 5. Web host Recommendations: Siteground Flywheel Cloudways https://flic.kr/p/6gYLHR
  6. 6. Next we should Optimize our site!
  7. 7. Optimization Image
  8. 8. Image Optimization 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
  9. 9. Optimization Minification ConcatenationMinification removes spaces within the code making the file sizes smaller. Concatenation combines many similar files into one so that the website has less files to load.
  10. 10. Optimization Lazy 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 effect is that a page is loaded and visible for the visitor as fast as possible, even if it’s not all loaded.
  11. 11. Now, let’s talk caching
  12. 12. What is a Cache? A secret place to store stuff.
  13. 13. Types of Cache Browser Cache Once a person visits your website, files like your images, logo, and other assets can be saved on their computer for quick access on subsequent visits
  14. 14. Types of Cache Server CacheWordPress putting a website together is like putting a puzzle together EVERY TIME A PERSON VISITS the website. A Server Cache saves a snapshot of the website so it doesn’t have to be assembled every time.
  15. 15. Types of Cache Memcache 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.
  16. 16. Caching Solutions • DIY- Simple Cache • Like to Tinker? WP Super Cache or W3 Total Cache • Pay for Awesome- WP Rocket (recommended for e-commerce where caching can cause problems)
  17. 17. Next Steps In Order of Importance: 1. Get a fast web host like Siteground, Cloudways, or Flywheel (my personal recommendations) 2. Optimize where possible 3. Cache to bring all your efforts together.
  18. 18. Whatʻs the Difference? Test run by http://tools.pingdom.com

×