Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
PORT 80

Accelerating Your

Website with Varnish Cache
INTRODUCTIONS

Squixa and section. io

Why you need a fast website

Problems making websites fast

How to make your websit...
SQUIXA AND SECT| ON. |O

We do web performance

Web optimisation platform (CDN,  Site specific
optimisations and metrics)
...
WHY YOU NEED A FAST SITE

Google study — 0.5 seconds slower =  20% less
clicks

amazon. com

Amazon study — 100ms faster =...
I Organic search
I Adwords (PPC performance — landing pages)

THE PROBLEM - WHY SITES
ARE SLOW

0 2 broad areas that make ...
PAGE LOAD TECHNICAL VIEW

6.0 6.5 1 0 7 3.0 8.5 9.0

éééciénd (Origin) time
Fronted time

1-"470 ms

.  uw lar) uh er
.  u...
°N6|eW“$I“FES*PlR E°SLT©W
I Frontend time =  Just about everything
else

0 General industry best practice =  80% frontend
...
HOW TO SOLVE BACKEND
PERFORMANCE

I HTML document performance issues are hard

0 HTML document generation is important to
...
I Caching HTML documents in Varnish eliminates
performance issues
I Varnish — Introduction

VARNISH CACHE

A caching HTTP ...
DECIDE CACHEABILITY

Must be a GET request,  not a POST. 
I No cookies in the request. 
I Response Cache—ControI header al...
IMPROVE CACHING

.  Identify which resources are user—specific. 
. Strip cookies from non—user specific requests and
respo...
INSTALL VARNISH

apt-get install varnish

yum install varnish
‘I
1
.4
II

 

if (req. ur1 ~ ". ‘. (?: cssljs| jpe? glpngIgif| ico| swF)(? =? |&| $)”) {
unset req. http. Cookie; 

retur...
VARNISH OPERATIONS

1. varnis o
VARNISH AND

DEVELOPMENT

I Effective Varnish is tailored for your site
I Changes to your site will be reflected in Varnish
VARNISH HIGH

AVAILABILITY

1. Varnish exists between your users and your website. 
2. Varnish's state is mostly ephemeral.
VAR N I  H AT 3  U IXA
ENTER SECTION. IO

Demo
THANKYOU

www. section. io

www. squixa. com

Matt Johnson <matt@section. io>
Jason Stangroome @jstangroome
Upcoming SlideShare
Loading in …5
×

Accelerating your website with varnish cache

352 views

Published on

In this presentation we cover the use of Varnish as a website accelerator focusing on HTML caching and using Varnish Cache through www.section.io as a rapid implementation tool.

Published in: Technology
  • Be the first to comment

Accelerating your website with varnish cache

  1. 1. PORT 80 Accelerating Your Website with Varnish Cache
  2. 2. INTRODUCTIONS Squixa and section. io Why you need a fast website Problems making websites fast How to make your website fast using Varnish Implementing Varnish Demo — View of Varnish from section. io
  3. 3. SQUIXA AND SECT| ON. |O We do web performance Web optimisation platform (CDN, Site specific optimisations and metrics) Performance consulting section. io — New Varnish as a service platform
  4. 4. WHY YOU NEED A FAST SITE Google study — 0.5 seconds slower = 20% less clicks amazon. com Amazon study — 100ms faster = 10/0 revenue 0 SEO and Siteseed
  5. 5. I Organic search I Adwords (PPC performance — landing pages) THE PROBLEM - WHY SITES ARE SLOW 0 2 broad areas that make up page load (Frontend/ Backend time) I What is a page load I A click through to completed page I A number of events happen end to end I Identifying which events are causing issues
  6. 6. PAGE LOAD TECHNICAL VIEW 6.0 6.5 1 0 7 3.0 8.5 9.0 éééciénd (Origin) time Fronted time 1-"470 ms . uw lar) uh er . uuw. c1ar) ubber. . ul-Ilamlarkrubber mm . c 1 arkrubber‘ . IJI-IM. C1ar‘kl‘uI)I: I ui-II-I . C 1 arkrubber 1153 ms
  7. 7. °N6|eW“$I“FES*PlR E°SLT©W I Frontend time = Just about everything else 0 General industry best practice = 80% frontend I We have found ~50°/ o of page load is spent in backend I Frontend performance issues are easier to solve - CDN's I Reviewjavascript executing on your site I Optimise images
  8. 8. HOW TO SOLVE BACKEND PERFORMANCE I HTML document performance issues are hard 0 HTML document generation is important to improve I Seeing nothing is ugly I Most of your hosting cost is spent making HTML documents Server CPU
  9. 9. I Caching HTML documents in Varnish eliminates performance issues I Varnish — Introduction VARNISH CACHE A caching HTTP reverse proxy
  10. 10. DECIDE CACHEABILITY Must be a GET request, not a POST. I No cookies in the request. I Response Cache—ControI header allows caching. I No cookies in the response.
  11. 11. IMPROVE CACHING . Identify which resources are user—specific. . Strip cookies from non—user specific requests and responses. . Tune the Cache—Control response headers. . Conditionally strip cookies by user workflow.
  12. 12. INSTALL VARNISH apt-get install varnish yum install varnish
  13. 13. ‘I 1 .4 II if (req. ur1 ~ ". ‘. (?: cssljs| jpe? glpngIgif| ico| swF)(? =? |&| $)”) { unset req. http. Cookie; return (lockup); o‘~"w‘»»r'5,l — I. all "7w"~. ‘m= ‘ , ‘''. ~‘: :1 ‘’ ‘ . _l. —:~—: :7:——. ~'v5~" if (bereq. url ~ ”. *. (P: cssljs| jpe? g|pngIgif| ico| swf)(? =? |&| $)") { set beresp. tt1 = 288005; = l%: inNDe' :5 : ;:*n' T’ , e;v set beresp. http. Cache—Contro1 = "max—age=28860"; v‘~=
  14. 14. VARNISH OPERATIONS 1. varnis o
  15. 15. VARNISH AND DEVELOPMENT I Effective Varnish is tailored for your site I Changes to your site will be reflected in Varnish
  16. 16. VARNISH HIGH AVAILABILITY 1. Varnish exists between your users and your website. 2. Varnish's state is mostly ephemeral.
  17. 17. VAR N I H AT 3 U IXA
  18. 18. ENTER SECTION. IO Demo
  19. 19. THANKYOU www. section. io www. squixa. com Matt Johnson <matt@section. io> Jason Stangroome @jstangroome

×