3 simple steps improving pagespeed in wordpress
TRANSCRIPT
3 easysteps
in Wordpress
JUNE 17, 2016 | ANTTI ALATALO
ImprovingPageSpeed
RANKING FACTOR
BENEFITS OFIMPROVINGPAGESPEED
IMPROVES QUALITY SCOREIN ADWORDS
BETTER UX
Is it time consuming?
But there might be little bit configuring involved, depending how your theme operates.
NOT REALLY...
CACHING
3 STEPS FOR IMPROVINGLOADING TIME
MINIFYING CODEIMAGE COMPRESSION
TESTING PAGE LOAD SPEED
Google PageSpeed InsightsGTmetrix
TOOLS FOR TESTING LOAD SPEED
Google PageSpeed InsightsEasy and simple to understand
Numeral scoring for mobile and desktop
"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
GTmetrixGives little bit more details
Uses Alphabetical scoring (A being best grade)
1.Image compressionREDUCE FILE SIZE REMOVE "JUNK DATA" (EXIF METADATA ETC.)
Option 1:Drag´n drop
Free desktop software
ImageOptim
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
SettingsNo need to modify, default setting will work justfine.
OptimasationQuick & Easy
1.
2.
3.
2.Minifying codeREMOVES CHARACTERS AS:
WHITE SPACE, NEW LINE, COMMENT OUT CODE ETC.
AutoptimizeRemoves empty spaces from code
Minifies and compresses scripts and styles
1.
Configuring the plugin
2. 3.
CHECK THAT EVERYTHINGWORKS IN YOUR SITE.
SOMETIMES COMPRESSIONMIGHT CAUSE ERRORS IN YOUR
SITE. IF THIS HAPPENS JUST"UNCHECK" EACH OPTION ONE
BY ONE.
YOU CAN PLAY AROUND WITHADVANCED SETTINGS IF
EVERYTHING IS OK.
CachingCREATE STATIC VERSION OF THE SITE / PAGE IN CACHEMEMORY.IMPROVES LOADING TIME SIGNIFICANTLY.
DYNAMIC PAGES TO STATIC
Fastest CacheA lot of different plugins available
Simple and easy to use
Step 1: Check the options as followed
Step 2:
Open new window -> go to your siteRefresh the page 2 times (creates cache)Check that everything worksTest your page speed
My results
BEFORE
AFTER
My results
BEFORE
AFTER
Links
GTmetrix
Google PageSpeed Insights
LOADING TIME TEST
IMAGE COMPRESSIONImageOptim
EWWW Image Optimizer
CACHING & CODE MINIFYINGWP Fastest CacheAutoptimize