1 / 13

Neev-Jason Angular Magento

Neev-Jason Angular Magento

neevtech
Download Presentation

Neev-Jason Angular Magento

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. JSON AngularMagento

  2. Heart of any Web App

  3. Web Server’s Workload • Pull up the Page • Serve Assets & Media • Read the XML • Web server &Database • Render the page • Query the Database • Build the page on the fly

  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 Magento’s 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 Web App Web App REST Web services EC2 RDS S3

  9. Insanely Scalable Architecture Server Web App Web App Browser EC2 JSON JSON 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 AnotherMagento http://jam.neevtech.com -Vinci Rufus vince@neevtech.com @areai51

  13. sales@neevtech.com Neev Information Technologies Pvt. Ltd. Sweden Singapore India - Bangalore India- Pune USA Neev AB, BirgerJarlsgatan 53, 6tr, 11145, Stockholm Phone: +46723250723 #13 L’Square, 3rd Floor PariharChowk, Aundh, Pune – 411007. Phone : +91-64103338 The Estate, # 121,6th Floor, Dickenson Road Bangalore-560042 Phone :+91 80 25594416 #08-03 SGX Centre 2, 4 Shenton Way, Singapore 068807 Phone: +65 6435 1961 1121 Boyce Rd Ste 1400,Pittsburgh PA 15241 Phone : +1 888-979-7860

More Related