70
Make Your Website Load Really Really Fast #SEOCAMP SearchBrothers.com Former Google Search Quality for Your SEO

Make your website load really really fast - seo campus 2017

Embed Size (px)

Citation preview

Page 1: Make your website load really really fast  - seo campus 2017

Make Your Website LoadReally Really Fast

#SEOCAMP

SearchBrothers.com Former Google Search Quality for Your SEO

Page 2: Make your website load really really fast  - seo campus 2017

Speed Matters!

Page 3: Make your website load really really fast  - seo campus 2017

The Why!

SearchBrothers.com Former Google Search Quality for Your SEO

Page 4: Make your website load really really fast  - seo campus 2017

Ranking Factor

http://sbr.link/fmp

Page 5: Make your website load really really fast  - seo campus 2017

Crawl Speed

Page 6: Make your website load really really fast  - seo campus 2017

User Experience

"Speed is the most important factor, after site attractiveness, to increasing flow in users. People who are more engaged

while browsing your site will learn faster and show an improved attitude and behavior toward your site." – Andy King

http://sbr.link/ict

Page 7: Make your website load really really fast  - seo campus 2017

User Experience

image credits:http://sbr.link/jnq

Page 8: Make your website load really really fast  - seo campus 2017

Reputation

"The damage of poor performance is

lasting." – Joshua Bixby

http://sbr.link/fqj

Page 9: Make your website load really really fast  - seo campus 2017

Profit

"Every 0.1 second increase in load time decreases sales by 1%"

http://sbr.link/sra

Page 10: Make your website load really really fast  - seo campus 2017

Profit

"Increasing page load time from 0.4 seconds to 0.9 seconds decreased traffic

and ad revenues by 20%."http://sbr.link/sra

Page 11: Make your website load really really fast  - seo campus 2017

Take Away

For profit, user experience, reputation and SEO:

Speed matters!

Page 12: Make your website load really really fast  - seo campus 2017

The How!Front-End

SearchBrothers.com Former Google Search Quality for Your SEO

Page 13: Make your website load really really fast  - seo campus 2017

Perfect Scores?

http://sbr.link/jjjhttp://sbr.link/tvr

http://sbr.link/mzh http://sbr.link/cld

Page 14: Make your website load really really fast  - seo campus 2017

Content First

http://sbr.link/xkw http://sbr.link/sih

Page 15: Make your website load really really fast  - seo campus 2017

Critical Path Rendering

http://sbr.link/qur

Page 16: Make your website load really really fast  - seo campus 2017

Mobile Friendliness

http://sbr.link/ygm

Page 17: Make your website load really really fast  - seo campus 2017

Page Load

http://sbr.link/wfw

Page 18: Make your website load really really fast  - seo campus 2017

Optimize CSS

● Minify CSS

● Avoid CSS conflicts (multiple IDs, overriding rules, etc)

● Don't use CSS inline of HTML tags

● Load CSS using deferred and async Javascript

● Load critical CSS in the HTML HEAD

● Reduce CSS libraries to only what is actually neededhttp://sbr.link/puq

Page 19: Make your website load really really fast  - seo campus 2017

Optimize JS

● Minify Javascript

● Implement Unobtrusive Javascript approach

● Load Javascript using deferred and async attributes

● Load Critical Javascript in the HTML

● Reduce Javascript libraries to only what is actually

neededhttp://sbr.link/eachttp://sbr.link/fyz

Page 20: Make your website load really really fast  - seo campus 2017

Optimize Images

● Choose the right format (e.g. JPG vs PNG-8 vs PNG-24)

● Compress

● Use Sprites (http/1.x only)

● Defer Loading (lazy loading)

● Use width and height attributes

● Use lightweight faviconhttp://sbr.link/ile

Page 21: Make your website load really really fast  - seo campus 2017

Cutting The Mustard

Page 22: Make your website load really really fast  - seo campus 2017

Avoid Loading 404's

Page 23: Make your website load really really fast  - seo campus 2017

Avoid Loading Redirects

Page 24: Make your website load really really fast  - seo campus 2017

Resource Hints

http://sbr.link/rh

Page 25: Make your website load really really fast  - seo campus 2017

Take Away

Focus on making the primary content as quickly as

possible available to users.

Page 26: Make your website load really really fast  - seo campus 2017

Next Steps...

Page 27: Make your website load really really fast  - seo campus 2017

The How!HTTPS

SearchBrothers.com Former Google Search Quality for Your SEO

Page 28: Make your website load really really fast  - seo campus 2017

SSL

Page 29: Make your website load really really fast  - seo campus 2017

HTTP Archive Top 100

Page 30: Make your website load really really fast  - seo campus 2017

Mozilla Firefox

Page 31: Make your website load really really fast  - seo campus 2017

Password Fields

Page 32: Make your website load really really fast  - seo campus 2017

Everything HTTP

Page 33: Make your website load really really fast  - seo campus 2017

Challenges: Certificates

Page 34: Make your website load really really fast  - seo campus 2017

Challenges: Certificates

Page 35: Make your website load really really fast  - seo campus 2017

Challenges: Certificates

Page 36: Make your website load really really fast  - seo campus 2017

Challenges: TLSim

age credits: http://sbr.link/ehdhttp://sbr.link/tls

Page 37: Make your website load really really fast  - seo campus 2017

Challenges: OCSP Stapling

http://sbr.link/cli

Page 38: Make your website load really really fast  - seo campus 2017

Challenges: HSTS

http://sbr.link/hsts

Page 39: Make your website load really really fast  - seo campus 2017

Challenges: HSTS

Page 40: Make your website load really really fast  - seo campus 2017

Advantages: AMP

http://sbr.link/amp

Page 41: Make your website load really really fast  - seo campus 2017

Advantages: Progressive Web Apps

http://sbr.link/pwa

Page 42: Make your website load really really fast  - seo campus 2017

Advantages: HTTP/2im

age credits: http://sbr.link/jrz

Page 43: Make your website load really really fast  - seo campus 2017

Advantages: HTTP/2im

age credits: http://sbr.link/ihh

Page 44: Make your website load really really fast  - seo campus 2017

Advantages: HTTP/2 Server Push

http://sbr.link/preload

Page 45: Make your website load really really fast  - seo campus 2017

Advantages: HTTP/2 Server Push

image credits: http://sbr.link/hgc

Page 46: Make your website load really really fast  - seo campus 2017

Advantages: HTTP/2 Server Push

http://sbr.link/lbd

Page 47: Make your website load really really fast  - seo campus 2017

Advantages: HTTP/2 Header Compression

http://sbr.link/hpack

Page 48: Make your website load really really fast  - seo campus 2017

Ultimate Resource on Moving to HTTPS

online.marketing/guide/https

Page 49: Make your website load really really fast  - seo campus 2017

Take Away

Take full advantage of HTTPS to speed up your website.

Page 50: Make your website load really really fast  - seo campus 2017

The How!Back-End

SearchBrothers.com Former Google Search Quality for Your SEO

Page 51: Make your website load really really fast  - seo campus 2017

Compression

http://sbr.link/gzip

Page 52: Make your website load really really fast  - seo campus 2017

Server Response

Page 53: Make your website load really really fast  - seo campus 2017

Server Response

image credits:http://sbr.link/jnq

Page 54: Make your website load really really fast  - seo campus 2017

Server Response

Page 55: Make your website load really really fast  - seo campus 2017

Server Location

Page 56: Make your website load really really fast  - seo campus 2017

Server Resources

Page 57: Make your website load really really fast  - seo campus 2017

Profiling

http://sbr.link/weo http://sbr.link/eka

Page 58: Make your website load really really fast  - seo campus 2017

Database/Query Optimization

image credits: http://sbr.link/uxl

Page 59: Make your website load really really fast  - seo campus 2017

Runtime Choices

● Operating System (Windows, Linux, etc)● Server Software (Apache, Nginx, IIS, etc)● Database Choice (MySQL, PostgreSQL, NoSQL, etc)● Scripting Language (Python, PHP, Ruby, Javascript,

ASP, Java, etc)● Profile custom code (e.g. loops, DB lookups, etc)

Page 60: Make your website load really really fast  - seo campus 2017

Memory Caching

http://sbr.link/sbd

Page 61: Make your website load really really fast  - seo campus 2017

Disk Caching

http://sbr.link/sbd

Page 62: Make your website load really really fast  - seo campus 2017

Example

Page 63: Make your website load really really fast  - seo campus 2017

Regional Caching (CDN)

Page 64: Make your website load really really fast  - seo campus 2017

Edge Caching

image credits: http://sbr.link/mny

http://sbr.link/ccdhttp://sbr.link/vdx

Page 65: Make your website load really really fast  - seo campus 2017

Browser Caching

http://sbr.link/olchttp://sbr.link/cng

Page 66: Make your website load really really fast  - seo campus 2017

Take Away

Lots of speed gains possible in back-end optimization (and is often neglected).

Page 67: Make your website load really really fast  - seo campus 2017

Measure Success

Page 68: Make your website load really really fast  - seo campus 2017

Consider This!

"Given the choice between making something my problem, and making something the user’s problem, I’ll

choose to make it my problem every time." – Jeremy Keith

Page 69: Make your website load really really fast  - seo campus 2017

Fili Wiese

SEO Consultant

Penalty Recovery Expert

Former Senior Google Support Engineer

Former Senior Google Search Quality Analyst

Page 70: Make your website load really really fast  - seo campus 2017

SearchBrothers.com Former Google Search Quality for Your SEO

Sign up for Advanced SEO Tips at online.marketing