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.

Speedup Magento Website

364 views

Published on

The right approach to understand how website performance works, and how to apply it to a magento website.

Published in: Technology
  • Be the first to comment

Speedup Magento Website

  1. 1. SPEED UP AGENTO WEBSITE Ha Noi Magento Meetup Feb 2017 Organized at Magestore.com HQ
  2. 2. PHANVUGIAP.COM
  3. 3. Magento Extensions Magento Data Integration Magento Development Bees produce hexagons CTO & Founder
  4. 4. Optimization Frontend Backend
  5. 5. BACKEND
  6. 6. Source: https://goo.gl/2rJHPj
  7. 7. SINGLE SERVER ARCHITECT Source: https://goo.gl/kJPJBq
  8. 8. MULTIPLE SERVERS ARCHITECTURE Source: https://goo.gl/CrEmbB
  9. 9. DATABASE
  10. 10. Database • Indexing (https://eng.uber.com/mysql-migration/) • Enable Flat Catalog • Cleaning log tables • Separate read & write database server • MySQL tunner
  11. 11. LOADTESTING WITH SIEGE
  12. 12. FRONTEND
  13. 13. TestTools • Gtmetrix.com • Webpatetest.org • Browser DeveloperTools
  14. 14. General approach to do frontend optimization • Reduce number of requests • Reduce package size • Cache the static contents
  15. 15. Reduce number of requests • Images • Sprite • Lazy Load • SVG Image • Merge CSS • Merge JS • Be careful with external JS
  16. 16. Reduce package size • gzip • Minify html • Minify css • Minify js • Optimize images • Cache images
  17. 17. CDN • Free cloudflare CDN • AWS Cloudfront • Build your own with opensource
  18. 18. Contact phangiap@beehexa.com +84-978711217
  19. 19. References • https://goo.gl/3UCKtD • https://goo.gl/dUiJ8H • https://goo.gl/q7NxTc • https://goo.gl/YUNE5C • https://gtmetrix.com/ • https://www.webpagetest.org/ • https://www.joedog.org/siege-home/ • https://goo.gl/l71EUE • https://goo.gl/stfb8

×