3 simple steps improving pageSpeed in Wordpress

Preview:

Citation preview

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

Recommended