Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Google Page Speed Test loves Neos CMS

Google Page Speed Test loves Neos CMS

Slides of my 5min lightning talk at www.inspiringconference.com in April 2016

Mario Rimann

April 23, 2016
Tweet

More Decks by Mario Rimann

Other Decks in Technology

Transcript

  1. HI, THIS IS MARIO Works at internezzo.ch Cannot decide between

    Dev and Ops… Image: https://www.flickr.com/photos/75370227@N05/6789433973/
  2. SERVER-SIDE OPTIMISATIONS ➤ Enable compression ➤ Leverage browser caching ➤

    Reduce server response time ➤ (Eliminiate landing page redirects) ➤ (Use a Content Delivery Network) ➤ (Deliver your site encrypted) Those things help a lot - but don’t bring you close to 100 points alone…
  3. STATIC ASSET OPTIMISATIONS ➤ Merge and minify your static assets

    ➤ JavaScript ➤ CSS ➤ Optimize static images ➤ Template-Images Tools: Sass / gulp.js + a bunch of npm modules
  4. OPTIMIZE IMAGES ➤ Scaling is not enough ➤ Use srcset

    to deliver multiple versions (aka responsive and Retina-Optimized images) ➤ Images must be optimized! A Neos-Package does the magic (with the help of some npm packages):
 https://github.com/mocdk/MOC.ImageOptimizer
  5. OPTIMIZE YOUR HTML OUTPUT ➤ Do just include + deliver

    what’s needed ➤ Use and tune Caching! ➤ (minify the HTML output) Caching is greatly configurable with Neos, minifying is possible with Flownative’s Compressor-Package:
 https://github.com/Flownative/neos-compressor
  6. 5 MINUTES ARE SHORT Just contact me for more details:

    [email protected] @mrimann Or visit www.stickermanufaktur.ch to see the optimized website.