Symfony Performance
Upcoming SlideShare
Loading in...5
×
 

Symfony Performance

on

  • 7,790 views

Covers Performance improvements with the Symfony web framework for PHP. ...

Covers Performance improvements with the Symfony web framework for PHP.

- Google cares about user happiness, Google owns your 
search traffic

...so Google put page speed in PageRank (and crawl speed)
- Your site is more trustworthy and less frustrating
- Increase page views and ad impressions
- Increase conversions and revenue! It pays for itself!
- Bonus: run less app servers

Statistics

Views

Total Views
7,790
Views on SlideShare
6,061
Embed Views
1,729

Actions

Likes
12
Downloads
74
Comments
4

27 Embeds 1,729

http://blog.dogster.com 1542
http://vastermonster.com 76
http://blog.catster.com 34
http://blogs.isklyarenko.dogster.com 10
http://isklyarenko-dog.dev.say 10
http://blog.isklyarenko.dogster.com 9
http://dogatar.isklyarenko.dogster.com 6
http://beta.isklyarenko.dogster.com 5
http://isklyarenko.blog.dogster.com 5
http://dogwalking.dogster.com 5
http://www.sfexception.com 3
http://readwrite.com.orion.stage.saymedia.com 2
http://www.isklyarenko.dogster.com 2
http://catatar.isklyarenko.dogster.com 2
http://isklyarenko.dogblog.dogster.com 2
http://translate.googleusercontent.com 2
http://mgross.dogster.com 2
http://mgross.catster.com 2
http://stage.dogblog.dogster.com 2
http://172.16.6.54 1
http://stage.blogs.dogster.com 1
http://trheingold-dog.dev 1
http://stage.blogs.catster.com 1
http://boiler-plate.orion.stage.saymedia.com 1
http://www.readwrite.com.orion.stage.saymedia.com 1
http://preview.www.dogster.com.orion.stage.saymedia.com 1
http://www.linkedin.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • para cuando pones a produccion y tenes que hacerlo mejor!
    Are you sure you want to
    Your message goes here
    Processing…
  • thank you very much.
    Are you sure you want to
    Your message goes here
    Processing…
  • @devnull3 I re-uploaded the slides as a PDF. Hope that helps. Enjoy!
    Are you sure you want to
    Your message goes here
    Processing…
  • please do not upload keynote files. you lock out linux and windows user. use a open format, add a pdf download possibilits. just a small click on export for you but really helps non apple users
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • Question: Who&apos;s already worrying about performance and doing something about it? <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • 1. Cut out code you&#x2019;re not using <br /> 2. Make design decisions to cut out more images, use sprites <br /> 3. Don&#x2019;t go crazy with Photoshop when you&#x2019;re designing <br /> <br /> 4. Be careful about where you place your JS <br /> 5. Minify and gzip your files <br /> 6. Compress your images <br /> <br /> Use correct headers for your assets, we&#x2019;ll go over that later. <br />
  • <br />
  • Use correct headers for your assets, we&#x2019;ll go over that later. <br />
  • <br />
  • intro <br /> role at dogster <br /> excited to be here...wooo <br />
  • origins of css sprite <br /> <br /> Started off in video gaming: sprites were used to build visual effects in games <br /> <br /> Has evolved to being used on all kinds of websites, like Yahoo, Facebook and Google. <br /> <br /> <br />
  • Sprites are often confused as being a series of images, but it&#x2019;s actually one large image <br /> Small images like buttons, roll-over or hover state, icons, logos, any small graphics <br /> Examples <br /> And they can be absurdly huge: Yahoo has one that is 380 pixels by 4314 pixels. It&#x2019;s only 12KB <br /> <br />
  • Examples of button states used in a sprite <br />
  • Simple example of how css looks - mainly using background image style that calls the image and X and Y coordinates for background-position styles <br />
  • -think of all the information that goes into the image file...there&#x2019;s meta data, there&#x2019;s a color table associated with each file, and so if you think of all that information in each image file, you can see how that can slow down your site <br /> - having a sprite reduces those number HTTP requests - and also makes the experience with images more seamless <br /> - classic example are rollover buttons. with a sprite having a static state and rollover state as one image - with CSS styling the hover class is seamless... <br /> - we may enjoy lightning fast download times in either our office or at home, but many of your users may not have that kind of speed, so we need to always keep in mind the user experience - if it doesn&#x2019;t load, they&#x2019;ll hit the back button <br /> <br /> -&#x201C;sprite-able&#x201D; - not all images should be used in sprites. ideal is buttons, icons, little graphics as you saw in the previous slide. no large images and no images that require a repeating background <br /> - dogster example: as a proof of concept, i took all the little images from the chrome, used a sprite generator that laid out all 32 images onto one large image and you can see the results <br /> <br />
  • global elements = chrome = ubernav, nav, footer <br />
  • Option 1 - take the widest image you have - that would be your width, then place all the images below. you can add as many as you want. the pain is figuring out all the coordinates <br /> Option 2 - Sprite generators make sprites super fast and super easy. the only problem is maintaining it - if you need to add images, you&#x2019;d have to run it through again. <br /> - SpriteMe - bookmarklet service <br /> - Project Fondue - one i used. zip images, customiz how the images are laid out <br />
  • <br />
  • <br />
  • basic example that illustrates what you can do with css3 <br />
  • <br />
  • <br />
  • <br />
  • Use correct headers for your assets, we&#x2019;ll go over that later. <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Symfony Performance Symfony Performance Presentation Transcript