wordpress page load speed - kenneth sytian

49
WordPress Page Speed Optimization How I made a WordPress site load 4x faster in 10 simple steps

Upload: grant-merriel

Post on 05-Aug-2015

458 views

Category:

Internet


0 download

TRANSCRIPT

WordPressPage Speed OptimizationHow I made a WordPress site load 4x faster in 10 simple steps

IM SORRY…This may sound harsh. I know most of you are SEO’s and PPC’s but most of your efforts will be useless because according to my experience and to Google’s engineers, on page optimization, specially PAGE SPEED, is very important to achieve high ranking and profitable websites. I know this is very embarrassing…but PLEASE LISTEN and don’t sleep during my presentation, this is for your own good, even though I know it’s the most unholy hour and most of your are sleepy already.PLEASE LISTEN!

Thank you very much,KennethEvent SpeakerPS:

• Owner and CEO of • Specialize in website design and outsourcing• Have deployed more than 500 websites• Some of our clients include

• Blogs about web design and technical SEO– www.sytian-productions.com

TABLE OF CONTENTS

1. Why is Page Speed important?2. Tools to monitor page speed3. 10 steps to optimize Page Speed – WP sites4. Case study

WHY ISPAGESPEEDIMPORTANT?

#1 Increased SERP ranking

“Google is incorporating site speed as one of the ranking signals that we use in determining search

ranking” - Matt Cutts

#2 decrease in bounce rate

“You could lose up to 33% of your visitors if your page took more than 4 seconds to load”

#3 increased conversion rate

“a one second delay can cost you 7% of sales.” – thestrangeloop.com

#4 happy visitors

TOOLS TO USE

Tools.pingdom.com

Google PageSpeed Insights

THECASE STUDY

Google PageSpeed Insight

29

56

Pingdom

52 Requests5.49 secs3.0 MB

LET’S GET OUR HANDS DIRTY!

10 SIMPLE steps1. Back up website2. Build a good foundation3. Image optimization4. HTML, JS and CSS – minify, combine, compress5. Leverage Browser Caching6. Delete Unused Plugins and WP Themes7. Appropriate Social Media Buttons8. Database Optimization9. Other performance optimization10. Double check entire website

#1 BACK UP WEBSITE

#2 BUILD A GOOD FOUNDATION

CHOOSE A DECENT WEB HOSTING PROVIDERSHARED HOST VPS DEDICATED SERVER

500-900 sites per server 1 website per server

Resources are shared Each site is dedicated a certain amount of CPU and RAM

Entire server is yours

USD 3-9 per month USD 15-60 per monthDepending on CPU speed and RAM

USD 100-500 per month

Location of server must be close to your target audience

CHOOSE A GOOD WORDPRESS THEME

a.) Test them on the following

No coding errors Load speed 2 seconds below

Score of at least 85

b.) Avoid using WP themes that are image heavy

#3 IMAGE OPTIMZATION

A.) Install an image optimizer plugin

CASE STUDY SITE – Reduced image size by 3.42 MB (13.88%)

b.) Upload correct image dimensions

c.) Use correct image types

GIF

– images with rich colors, no transparency

= 215 KB JPEG= 69 KB

PNG8= 186 KB PNG24 = 527 KB

JPEGs

images with flat colors

GIF = 5.61 KB JPEG= 9.47 KB

PNG8= 9.82 KB PNG24= 19 KB

GIFs –

Transparent images with flat colors

GIF = 19.9 KB JPEG = XXX

PNG8= 16.4 KB PNG24 = 41.2 KB

PNG8 –

GIF = XXX JPEG = XXX

PNG8 = XXX PNG24 = 41.2 KB

PNG24 – transparent images with rich colors

D.) Lazy load images

E.) Lessen banner images

Do you really need 12 banner images?!

F.) Look for large images and make them smaller (if possible)

G.) use image/CSS sprites

Combined 84 files into 1From 5.4MB to 344KB!

#4 HTML, JS and CSS file optimization -minify, combine and compress

Normal CSS = 16 KB Minified CSS = 6.6 KB

#4 HTML, JS and CSS file optimization -minify, combine and compress

#5 Leverage browser caching

#6 PLUGINS AND THEMES

Deactivate and Delete plugins not being used

Only use plugins that frequently updatedand have good reviews

Delete or replace slow plugins

Delete WP themes not being used

#7 SOCIAL MEDIA BUTTONS

Only use significant social media buttonsUse only in appropriate pages

#8 OPTIMIZE DATABASE

Removes the following:Post revisions, Spam comments, Comments in trash,

Auto draft posts, Posts and pages in trash, Etc..

Can be scheduled to run automatically

ALWAYS BACK UP DATABASE BEFORE OPTIMIZING!

#9 OTHER PERFORMANCE IMPROVEMENTS

A.) Remove unnecessary files from server

Web hosting file manager FTP Client

B.) Decrease number of latest posts appearing in your homepage

C.) Always update your WP and Plugin versions

#10 DOUBLE CHECK ALL PAGES AND TEST ALL FUNCTIONALITIES

Inquiry and contact formsNewsletter sign ups

Member registrationTry to purchase products

Post a commentMember login forms

etc

CASE STUDY

Google PageSpeed Insight

TLDR1. PageSpeed is important2. Tools to use to monitor page speed3. Steps to optimize page speed

a) Back up websiteb) Build a good foundationc) Image optimizationd) HTML, JS and CSS file optimizatione) Leverage Browser Cachingf) Delete unused Plugins and Themesg) Appropriate use Social Media Buttonsh) Database Optimizationi) Double check website integrity

Thank you! Keep in touch!

kenneth.sytian

@KennethSytian

kenneth.sytian

Sytian-productions.com