Successfully reported this slideshow.
Your SlideShare is downloading. ×

Speedup Magento Website

Ad

SPEED UP AGENTO
WEBSITE
Ha Noi Magento Meetup
Feb 2017
Organized at Magestore.com HQ

Ad

PHANVUGIAP.COM

Ad

Magento Extensions
Magento Data Integration
Magento Development
Bees produce hexagons
CTO & Founder

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Check these out next

1 of 29 Ad
1 of 29 Ad
Advertisement

More Related Content

Advertisement

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

Editor's Notes

  • + a person talks about frontend optimization
    + a person talks about backend optimization
    + what does it mean when talk about frontend optimization?
    + what does it mean when talk about backend optimization?
    + what is your opinion?
    + where are bottle necks of the applications
    + make your app smaller
    + make your box bigger
    + make
  • Introduce about firebug
    Webpage test
    Gtmetrix
  • Smaller app – talk about fullpage cache

    Smaller app – tell the story of helidirect
    Bigger box – story of helidirect

    Comparing vertical scaling & horizontal scaling – chutingstar.com story

  • Story of Nguyen Kim

×