Speedup Magento Website
Download as PPTX, PDF1 like553 views
The document discusses website optimization techniques for Magento, particularly for the Agento website as presented at a Magento meetup in February 2017. It covers server architecture, database optimization, and frontend optimization methods including reducing requests and package sizes, caching, and using CDNs. References for tools and further reading are provided to aid in the optimization process.
Speedup Magento Website
- 1. SPEED UP AGENTO WEBSITE Ha Noi Magento Meetup Feb 2017 Organized at Magestore.com HQ
- 3. Magento Extensions Magento Data Integration Magento Development Bees produce hexagons CTO & Founder
- 8. BACKEND
- 14. DATABASE
- 15. Database • Indexing (https://eng.uber.com/mysql-migration/) • Enable Flat Catalog • Cleaning log tables • Separate read & write database server • MySQL tunner
- 18. FRONTEND
- 19. TestTools • Gtmetrix.com • Webpatetest.org • Browser DeveloperTools
- 21. General approach to do frontend optimization • Reduce number of requests • Reduce package size • Cache the static contents
- 22. Reduce number of requests • Images • Sprite • Lazy Load • SVG Image • Merge CSS • Merge JS • Be careful with external JS
- 25. Reduce package size • gzip • Minify html • Minify css • Minify js • Optimize images • Cache images
- 26. CDN • Free cloudflare CDN • AWS Cloudfront • Build your own with opensource
- 29. 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
- #6: + 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
- #8: Introduce about firebug Webpage test Gtmetrix
- #10: 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
- #28: Story of Nguyen Kim