Frustration: Indirect Performance ● Not visible in development ● Fast computers ● Very fast Internet access ● localhost Oh it’s fast! Look at my computer. PS: You’re not the end user.
Images: format, size and optimisazion ● Choose the format: PNG 8-24 bits? JPEG? ● Right size: 800x600 for a thumbnail? ● Paint: width + height on ● ImageOptim, remove meta-data, reduce image weight ● No images: Fonts or SVG (for icons)
Concatenation Goal: ● Reduce number of requests Tools: ● Sass : use partials for CSS ● Grunt (grunt-contrib-concat) : Combine JavaScript files in the right order
“It works for me” ● “Hi Bob, I upload the latest modifications.” ● “I don’t see them, I have an old version.” ● “Aaahhhhrrrrgffgg” Bob’s iPad is crap. NO!
Share Buttons ● Facebook likes, Tweet button, etc ● Useless for the rendering ● Trigger load at the right time Plugins: ● Socialite ● AddThis ● Sharrre