Be Prepared for Google's Mobile-Friendly Algorithm Update With These 25 Ways to Speed up Your WordPress Website. See blog post here for detailed explanation of each slide: http://web3.com.au/search-engine-optimisation/mobile-friendly-update/

1. Top 25 Ways to Speed Up
Your WordPress Website
web3.com.au

2. 1. DEPLOY ON A CDN - USE MAXCDN OR CLOUDFLAREWHY SHOULD I CARE ABOUT SPEED?
• 47% of consumers expect a web page to
load in 2 seconds or less.
• 40% of people abandon a website that takes
more than 3 seconds to load.
• A 1 second delay in page response can
result in a 7% reduction in conversions.
• If an e-commerce site is making $100,000 per
day, a 1 second page delay could potentially
cost $2.5 million in lost sales every year.
Source: KISS Metrics

3. 1. DEPLOY ON A CDN - USE MAXCDN OR CLOUDFLAREWHAT WE’LL BE COVERING
• Quick and easy ways to speed up your website
• Tips on how to optimise images, media, audio &
video for better performance
• Tips on how to make better decisions about your
website to net better performance
• Tips on how to speed up your website for mobile
devices

4. 1. DEPLOY ON A CDN - USE MAXCDN OR CLOUDFLARE
USE MOBILE-FRIENDLY TEST TO SEE IF YOUR WEBSITE
IS MOBILE FRIENDLY (IN GOOGLE’S EYES) OR NOT

7. 1. DEPLOY ON A CDN - USE MAXCDN OR CLOUDFLARE

8. 2. CACHE YOUR SITE - USE W3 TOTAL CACHE OR WP SUPER CACHE

9. 3. AVOID CHEAP SHARED HOSTING - USE PROPER WP HOSTING

10. 4. APPLY THE 70/35 IMAGE COMPRESSION RULE

11. 5. COMPRESS YOUR IMAGES (PT1) - USE PNGGAUNTLET

12. 6. COMPRESS YOUR IMAGES (PT2) - USE IMAGEOPTIM

13. 7. COMPRESS YOUR IMAGES (PT3) - USE IMAGEALPHA

14. 8. AVOID IMAGES FOR GRADIENTS/PATTERNS/SHADOWS - USE CSS3

15. 9. FOR SIMPLE, SMALL IMAGES, COVERT THEM TO BASE64 CODE
- USE PATERNITY

16. 10. CONSIDER USING FONT ICONS OVER IMAGES FOR BASIC UI

17. 11. LIMIT FONT ICONS TO ONLY WHAT YOU NEED
- USE ICOMOON APP

18. 12. OPTIMISE YOUR CSS - RUN CSS THROUGH CODE BEAUTIFIER

19. 13. CONSIDER DYNAMICALLY LOADING PREFIXES
- USE PREFIXFREE

20. 14. LIMIT USE OF GOOGLE FONTS FAMILIES AND WEIGHTS

21. 15. FOCUS YOUR WEBSITE - USE MOBILE-FIRST DESIGN PRINCIPLES

22. 16. PLACE YOUR MEDIA QUERIES MOBILE FIRST

25. 17. PUT JAVASCRIPT AND CSS IN EXTERNAL FILES

26. 18. CONSIDER USING INLINE JAVASCRIPT/CSS FOR SMALL ELEMENTS
ABOVE THE FOLD TO DECREASE ABOVE THE FOLD RENDER TIME

27. 19. USE CSS ANIMATIONS RATHER THAN
JAVASCRIPT FOR SIMPLE ANIMATIONS

28. 20. USE CSS MEDIA QUERIES FOR LAYOUT
OVER JAVASCRIPT DEVICE DETECTION

29. 21. AVOID BLOATED PLUGINS - USE P3 PERFORMANCE PROFILER

30. 22. LAZY LOAD IMAGES & SCRIPTS BELOW THE FOLD
- USE UNVEIL.JS

31. 23. HOST VIDEO AND OTHER LARGE FILES OFFSITE TO REDUCE
SEVER LOAD AND BANDWIDTH

32. 24. PERIODICALLY CLEAN UP YOUR WEBSITE’S DATABASE
- USE WP OPTIMIZE

33. 25. CONSIDER BUILDING YOUR NEXT WORDPRESS
WEBSITE FROM A LIGHTWEIGHT FRAMEWORK

34. WEB3.COM.AU/SPEED-UP-WORDPRESS/