#3 Hanoi Magento Meetup - Part 3: Magento Website Optimization

SPEED UP AGENTO WEBSITE

Ha Noi Magento Meetup

Feb 2017

Organized at Magestore.com HQ

PHANVUGIAP.COM

Magento ExtensionsMagento Data IntegrationMagento Development

Bees produce hexagons

CTO & Founder

Optimization

Frontend Backend

BACKEND

Source: https://goo.gl/2rJHPj

SINGLE SERVER ARCHITECT

Source: https://goo.gl/kJPJBq

MULTIPLE SERVERS ARCHITECTURE

Source: https://goo.gl/CrEmbB

DATABASE

Database

• Indexing

• Enable Flat Catalog

• Cleaning log tables

• Separate read & write database server

• MySQL tunner

FRONTEND

Test Tools

• Gtmetrix.com

• Webpatetest.org

• Browser Developer Tools

General approach to do frontend optimization• Reduce number of requests

• Reduce package size

• Cache the static contents

Reduce number of requests

• Images • Sprite

• Lazy Load

• SVG Image

• Merge CSS

• Merge JS

• Be careful with external JS

Reduce package size

• gzip

• Minify html

• Minify css

• Minify js

• Optimize images

• Cache images

CDN

• Free cloudflare CDN

• AWS Cloudfront

• Build your own with opensource

Contactphangiap@beehexa.com

+84-978711217