Step by step guide on how to Improve page loading time in Wordpress.

1. 3 easy
steps
in Wordpress
JUNE 17, 2016 | ANTTI ALATALO
Improving
PageSpeed

2. RANKING FACTOR
BENEFITS OF
IMPROVING
PAGESPEED
IMPROVES QUALITY SCORE
IN ADWORDS
BETTER UX

3. Is it time consuming?
But there might be little bit configuring involved, depending how your theme operates.
NOT REALLY...

4. CACHING
3 STEPS FOR IMPROVING
LOADING TIME
MINIFYING CODEIMAGE COMPRESSION

5. TESTING PAGE LOAD SPEED
Google PageSpeed Insights
GTmetrix
TOOLS FOR TESTING LOAD SPEED

6. Google PageSpeed Insights
Easy and simple to understand
Numeral scoring for mobile and desktop

7. "Fixing this would have a measurable impact on page performance."
!
!
✓
"Consider fixing this if it is not a lot of work."
"No significant issues found. Good job!"
- GOOGLE DEVELOPERS
Color codes

8. GTmetrix
Gives little bit more details
Uses Alphabetical scoring (A being best grade)

9. 1.Image compression
REDUCE FILE SIZE
REMOVE "JUNK DATA" (EXIF METADATA ETC.)

10. Option 1:
Drag´n drop
Free desktop software
ImageOptim

11. Option 2:
If you´re images have been already uploaded to your
site...
EWWW Image Optimizer let´s you bulk-compress
images in the backend of Wordpress

12. Settings
No need to modify, default setting will work just
fine.

13. Optimasation
Quick & Easy
1.
2.
3.

14. 2.Minifying codeREMOVES CHARACTERS AS:
WHITE SPACE, NEW LINE, COMMENT OUT CODE ETC.

15. Autoptimize
Removes empty spaces from code
Minifies and compresses scripts and styles

16. 1.
Configuring the plugin
2. 3.

17. CHECK THAT EVERYTHING
WORKS IN YOUR SITE.
SOMETIMES COMPRESSION
MIGHT CAUSE ERRORS IN YOUR
SITE. IF THIS HAPPENS JUST
"UNCHECK" EACH OPTION ONE
BY ONE.
YOU CAN PLAY AROUND WITH
ADVANCED SETTINGS IF
EVERYTHING IS OK.

18. Caching
CREATE STATIC VERSION OF THE SITE / PAGE IN CACHE
MEMORY.
IMPROVES LOADING TIME SIGNIFICANTLY.
DYNAMIC PAGES TO STATIC

19. Fastest Cache
A lot of different plugins available
Simple and easy to use

20. Step 1:
Check the options as followed

21. Step 2:
Open new window -> go to your site
Refresh the page 2 times (creates cache)
Check that everything works
Test your page speed

22. My results
BEFORE
AFTER

23. My results
BEFORE
AFTER

24. Links
GTmetrix
Google PageSpeed Insights
LOADING TIME TEST
IMAGE COMPRESSION
ImageOptim
EWWW Image Optimizer
CACHING & CODE MINIFYING
WP Fastest Cache
Autoptimize