NEEV-JAM-Jason Angular Magento

1
JSON Angular Magento
2
Heart of any Web App
3
Web Servers Workload
Web server Database
4
Performance Scaling Mantra

• Reduce stress on the Web server DB
• Clones Multiple App Servers DB Master Slaves
• Caching Fullpage Caching / Memcache
• Varnish
• Move the workload to the Client Side

5
Empower the Browser

• Browsers are Powerful but underutilized.
• Offload mundane tasks to the Client Side.
• Go Back to the Server only when needed.

6
De-Couple your App

• Server spits out JSON
• Presentation Layer Sits on the Client Side.
• JavaScript parses the JSON data and populates the
  dynamic content blocks, images are pulled from S3
  / Cloudfront.

7
In Magentos Context

• JSON output contains Product Catalog along with
  necessary attributes.
• Layered Navigation, Filters, Sorting, keyword
  Search done 100 Client side on JSON data.
• Product Inventory check is an AJAX request to
  the server.
• Add to Cart, Checkout are direct requests to the
  server.
• For Recently Viewed Products, use Local Storage
  or IndexedDB.

8
Scalable Architecture
Browser
Magento
REST Web services
EC2
RDS
S3
9
Insanely Scalable Architecture
Server
Browser
EC2
Media / Images Folder
RDS
S3
10
Performance Metrics

• Webpagetest.org

• Pingdom.com

• YSlow

11
New Possibilities

• Windows 8 and Mac OS
• Native Tablet Apps
• Touch Screen Kiosks

12
Thank You
Just Another Magento
http//jam.neevtech.com -Vinci
Rufus vince_at_neevtech.com _at_areai51
13
sales_at_neevtech.com
Neev Information Technologies Pvt. Ltd.
Sweden
Singapore
India - Bangalore
USA
India - Pune
Neev AB, Birger Jarlsgatan 53, 6tr, 11145,
Stockholm Phone [phone]
13 LSquare, 3rd Floor Parihar Chowk,
Aundh, Pune 411007. Phone [phone]
The Estate, 121,6th Floor, Dickenson
Road Bangalore-560042 Phone [phone]
08-03 SGX Centre 2, 4 Shenton Way, Singapore
068807 Phone [phone]
1121 Boyce Rd Ste 1400,Pittsburgh PA 15241 Phone
1 888-979-7860