39
START HERE BACK to the page speed < A talk about WordPress + Page Speed.

Back To The Page Speed WordCamp Baltimore 2012

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Back To The Page Speed WordCamp Baltimore 2012

START  HERE  

BACK to thepage speed

<

A  talk  about  WordPress  +  Page  Speed.  

Page 2: Back To The Page Speed WordCamp Baltimore 2012
Page 3: Back To The Page Speed WordCamp Baltimore 2012

WHY 88 MPH?�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   01

Page 4: Back To The Page Speed WordCamp Baltimore 2012

Responsive Design�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   02

Page 5: Back To The Page Speed WordCamp Baltimore 2012

User Experience �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   03

Page 6: Back To The Page Speed WordCamp Baltimore 2012

BUT DOC.. HOW? �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   04

Page 7: Back To The Page Speed WordCamp Baltimore 2012

“LOW EFFORT�BIG IMPACT” �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   05

-­‐  CHRIS  COYIER,  CSS-­‐TRICKS.COM  

Page 8: Back To The Page Speed WordCamp Baltimore 2012

3 Essentials �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   06

Page 9: Back To The Page Speed WordCamp Baltimore 2012

IMAGES�COMPRESSION �

CACHE �Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   07

Page 10: Back To The Page Speed WordCamp Baltimore 2012

OPTIMIZE �those �

IMAGES�Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   08

Page 11: Back To The Page Speed WordCamp Baltimore 2012

CHOOSE �proper�

FILE FORMAT�Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   09

Page 12: Back To The Page Speed WordCamp Baltimore 2012

PLUGINS? �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   10

Page 13: Back To The Page Speed WordCamp Baltimore 2012

SMUSH.IT�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   11

Page 14: Back To The Page Speed WordCamp Baltimore 2012

CW OPTIMIZER�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   12

Not  for  shared  hos8ng!  

Page 15: Back To The Page Speed WordCamp Baltimore 2012

IMGOPTIM.COM�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   13

Page 16: Back To The Page Speed WordCamp Baltimore 2012

HTTP COMPRESSION �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   14

Page 17: Back To The Page Speed WordCamp Baltimore 2012

GZIP IT, DOC! �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   15

Page 18: Back To The Page Speed WordCamp Baltimore 2012

SECRET SCREENZ? �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   16

Page 19: Back To The Page Speed WordCamp Baltimore 2012

WP-ADMIN/OPTIONS.PHP �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   17

Page 20: Back To The Page Speed WordCamp Baltimore 2012

1 is TRUE �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   18

Set  it  and  save  it!  

Page 21: Back To The Page Speed WordCamp Baltimore 2012

MINIFY = BIFF�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   19

Difficult  to  deal  with  and  always  causing  problems.  

Page 22: Back To The Page Speed WordCamp Baltimore 2012

How to handle your buddy BIFF… �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   20

Page 23: Back To The Page Speed WordCamp Baltimore 2012

Do it in stages �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   21

Don’t  minify  everything  all  at  once.  

Page 24: Back To The Page Speed WordCamp Baltimore 2012

JS and TEST �

CSS and TEST�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   22

Page 25: Back To The Page Speed WordCamp Baltimore 2012

But before that… �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   23

Page 26: Back To The Page Speed WordCamp Baltimore 2012

Clean up your CSS! �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   24

Page 27: Back To The Page Speed WordCamp Baltimore 2012

How NOT to comment in CSS�

/************************************/  /*    OMGZ  sweet  commentz  !1!1!            */  

/*      AsCiI  aRt  HeRez  LuLz                                            */  

/************************************/  

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   25

Page 28: Back To The Page Speed WordCamp Baltimore 2012

Biff is not amused.�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   26

Page 29: Back To The Page Speed WordCamp Baltimore 2012

Biff approves!�

/*  THIS  is  how  you  comment,  McFly!  */  

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   27

Page 30: Back To The Page Speed WordCamp Baltimore 2012

Use <link> dummy.�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   28

Page 31: Back To The Page Speed WordCamp Baltimore 2012

CACHE �is the �

PLUTONIUM �Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   29

Page 32: Back To The Page Speed WordCamp Baltimore 2012

SET EXPIRES�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   30

Page 33: Back To The Page Speed WordCamp Baltimore 2012

DO WHAT? �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   31

Page 34: Back To The Page Speed WordCamp Baltimore 2012

LET W3TC DO IT�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   32

Page 35: Back To The Page Speed WordCamp Baltimore 2012

PAGE �& �

BROWSER�Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   33

Page 36: Back To The Page Speed WordCamp Baltimore 2012

DEFAULT IS FINE �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   34

Page 37: Back To The Page Speed WordCamp Baltimore 2012

ONE STEP FURTHER�

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   35

Page 38: Back To The Page Speed WordCamp Baltimore 2012

SETUP A CDN �

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   36

Page 39: Back To The Page Speed WordCamp Baltimore 2012

Hailing from "Charm City," Baltimore, MD. Drew is a WordPress Developer, lover of Argyle, and connoisseur of Coffee.

You can find out more about Drew, at BaltimoreDrew.com.

Drew  Poland                    www.bal8moredrew.com                    @bmoredrew   FIN!

thankyou & NICE TO MEET YOU