Magento Performance Improvements with Client Side Optimizations

•

12 j'aime•5,633 vues

Discussion of various optimizations that can be applied to Magento community and enterprise installations for speed improvements. Techniques include common WPO techniques such as gzip, cache control, CSS spriting, domain sharding, byte code caches, reverse proxies and more. Various steps are applied to an Amazon AWS instance with the results from Webpagetest.org shown afterwards.

Technologie

Performance Matters Exploring Optimizing Magento Page Loads Thomas Powell Joe Lima [email_address] [email_address]

Punchline First ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Speed is Not Optional ,[object Object],[object Object],[object Object],[object Object]

We Must be Faster! ,[object Object],[object Object],[object Object],[object Object],[object Object]

Why Slow? ,[object Object],[object Object],[object Object],[object Object]

Our Golden Rules ,[object Object],[object Object],[object Object]

Hardware & Bandwith Doesn ’ t Cure ‘ Slowitis ’ ,[object Object],[object Object],[object Object],[object Object]

Speeding Up Magento ,[object Object],[object Object],[object Object]

Front-end Focus ,[object Object],[object Object],[object Object]

Gzip Compression ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

TTFB Too Long ,[object Object],[object Object]

Addressing Page Build Times ,[object Object],[object Object],[object Object]

Page Caching ,[object Object],[object Object],[object Object],[object Object],[object Object]

Minification ,[object Object],[object Object],[object Object]

JS Blocking! ,[object Object],[object Object],[object Object]

Render Time after Shifting JS Magento Pitfall – Inline Script Execution

Image Issues ,[object Object],[object Object]

CSS Sprites ,[object Object],[object Object]

Sprite Result ,[object Object],[object Object]

Repeat View ,[object Object],[object Object],[object Object],[object Object],[object Object]

Big Problem - Distance ,[object Object],[object Object]

Bandwidth doesn ’ t matter (much) ,[object Object]

Content Distribution Networks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Always More ,[object Object],[object Object],[object Object],[object Object],[object Object]

How to do all or most of this? ,[object Object],[object Object],[object Object],[object Object]

Wrap Up ,[object Object],[object Object],[object Object],[object Object]

Recommandé

Magento Optimization WhitepaperVladyslav Solodovnyk

Phpworld.2015 scaling magentoMathew Beane

Magento Performance Optimization 101Angus Li

Magento performance & optimisation best practicesPhilippe Humeau

WPblog's Ultimate WordPress Guide to Boost Your Website Performance Jessica Ervin

Keep the Web FastChris Fetherston

Client-side Web Performance Optimization [paper]Jakob

Optimizing web performance (Fronteers edition)Dave Olsen

Recommandé

Magento Optimization WhitepaperVladyslav Solodovnyk

Phpworld.2015 scaling magentoMathew Beane

Magento Performance Optimization 101Angus Li

Magento performance & optimisation best practicesPhilippe Humeau

WPblog's Ultimate WordPress Guide to Boost Your Website Performance Jessica Ervin

Keep the Web FastChris Fetherston

Client-side Web Performance Optimization [paper]Jakob

Optimizing web performance (Fronteers edition)Dave Olsen

Web Performance OptimizationPatrick Meenan

Speed Up Wordpress, Wordpress HorsepowerRoss Johnson

Measuring Web Performance Dave Olsen

Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesPaul Calvano

Web Client PerformanceHerea Adrian

SearchLove San Diego 2018 | Tom Anthony | An Introduction to HTTP/2 & Service...Distilled

How webpage loading takes place?Abhishek Mitra

Wordpress horsepowerRoss Johnson

London Web Performance Meetup: Performance for mortal companiesStrangeloop

WebPagetest Power Users - Velocity 2014Patrick Meenan

Improving frontend performanceSagar Desarda

Walmart pagespeed-slideBitsytask

Caching 101Andy Melichar

How to Speed up your WebsiteHTS Hosting

Web Performance Internals explained for Developers and other stake holders.Sreejesh Madonandy

Performace optimization (increase website speed)clickramanm

Web performance optimization (WPO)Mariusz Kaczmarek

Presentation1Rosie brown

Hands on performance testing and analysis with web pagetestPatrick Meenan

WordCamp RVA 2011 - Performance & TuningTimothy Wood

5 critical-optimizations.v2Blaze Software Inc.

SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersDistilled

Contenu connexe

Tendances

Web Performance OptimizationPatrick Meenan

Speed Up Wordpress, Wordpress HorsepowerRoss Johnson

Measuring Web Performance Dave Olsen

Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesPaul Calvano

Web Client PerformanceHerea Adrian

SearchLove San Diego 2018 | Tom Anthony | An Introduction to HTTP/2 & Service...Distilled

How webpage loading takes place?Abhishek Mitra

Wordpress horsepowerRoss Johnson

London Web Performance Meetup: Performance for mortal companiesStrangeloop

WebPagetest Power Users - Velocity 2014Patrick Meenan

Improving frontend performanceSagar Desarda

Walmart pagespeed-slideBitsytask

Caching 101Andy Melichar

How to Speed up your WebsiteHTS Hosting

Web Performance Internals explained for Developers and other stake holders.Sreejesh Madonandy

Performace optimization (increase website speed)clickramanm

Web performance optimization (WPO)Mariusz Kaczmarek

Presentation1Rosie brown

Hands on performance testing and analysis with web pagetestPatrick Meenan

WordCamp RVA 2011 - Performance & TuningTimothy Wood

Tendances (20)

Web Performance Optimization

Speed Up Wordpress, Wordpress Horsepower

Measuring Web Performance

Web Unleashed '19 - Measuring the Adoption of Web Performance Techniques

Web Client Performance

SearchLove San Diego 2018 | Tom Anthony | An Introduction to HTTP/2 & Service...

How webpage loading takes place?

Wordpress horsepower

London Web Performance Meetup: Performance for mortal companies

WebPagetest Power Users - Velocity 2014

Improving frontend performance

Walmart pagespeed-slide

Caching 101

How to Speed up your Website

Web Performance Internals explained for Developers and other stake holders.

Performace optimization (increase website speed)

Web performance optimization (WPO)

Presentation1

Hands on performance testing and analysis with web pagetest

WordCamp RVA 2011 - Performance & Tuning

Similaire à Magento Performance Improvements with Client Side Optimizations

5 critical-optimizations.v2Blaze Software Inc.

SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersDistilled

Please, dont touch the slow parts v.3.6 @webtechconFrancesco Fullone

SEO 101 - Google Page Speed Insights Explained Steve Weber

load speed problems of web resources on the client side classification and ...INFOGAIN PUBLICATION

AJAX for ScalabilityTuenti

Ajax For Scalabilityerikschultink

How to optimize your Magento store Rasbor.com

BrightonSEO 2019 - Edge SEO - Using CDNs To Perform SEO On The EdgeDan Taylor

Magento performancenbsvarien

7 secrets of performance oriented front end development servicesKaty Slemon

Speed!Rafael Corral

Scaling 101 testRashmi Sinha

Scaling 101Chris Finne

Show Me The Cache!Andy Melichar

Frontend performancesacred 8

Cache is keeping you from reaching the full potential as a developer (word ca...Thomas Audunhus

Csdn Drdobbs Tenni Theurer Yahooguestb1b95b

Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...John McCaffrey

Windy cityrails performance_tuningJohn McCaffrey

Similaire à Magento Performance Improvements with Client Side Optimizations (20)

5 critical-optimizations.v2

SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers

Please, dont touch the slow parts v.3.6 @webtechcon

SEO 101 - Google Page Speed Insights Explained

load speed problems of web resources on the client side classification and ...

AJAX for Scalability

Ajax For Scalability

How to optimize your Magento store

BrightonSEO 2019 - Edge SEO - Using CDNs To Perform SEO On The Edge

Magento performancenbs

7 secrets of performance oriented front end development services

Speed!

Scaling 101 test

Scaling 101

Show Me The Cache!

Frontend performance

Cache is keeping you from reaching the full potential as a developer (word ca...

Csdn Drdobbs Tenni Theurer Yahoo

Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...

Windy cityrails performance_tuning

Dernier

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Slack Application Development 101 Slidespraypatel2

Histor y of HAM Radio presentation slidevu2urc

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Scaling API-first – The story of a global engineering organizationRadu Cotescu

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

A Domino Admins Adventures (Engage 2024)Gabriella Davis

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Dernier (20)

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Slack Application Development 101 Slides

Histor y of HAM Radio presentation slide

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

GenCyber Cyber Security Day Presentation

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Scaling API-first – The story of a global engineering organization

How to Troubleshoot Apps for the Modern Connected Worker

A Domino Admins Adventures (Engage 2024)

08448380779 Call Girls In Friends Colony Women Seeking Men

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Breaking the Kubernetes Kill Chain: Host Path Mount

Magento Performance Improvements with Client Side Optimizations

1. Performance Matters Exploring Optimizing Magento Page Loads Thomas Powell Joe Lima [email_address] [email_address]

4. Many Stats Support This

10. Stock Community Edition

11. Stock Enterprise Edition

12.

13. Let ’ s Start Optimizing

14.

15.

16. Gzip On

17.

18.

19. After APC

20.

21.

22.

23.

24.

25.

26. Render Time after Shifting JS Magento Pitfall – Inline Script Execution

27.

28.

29.

30.

31.

32. Getting Close

33.

34. Kiwis don’t enjoy our store

35.

36.

37.

38. All As!

39. Google still wins!

40.

41.

42. Example: Nitrogento

43. Nitrogento Result

44.

Notes de l'éditeur

We were thinking arthritis here, stupid word but maybe you’ll remember this point
http://www.webperformancetoday.com/2011/04/20/desktop-vs-mobile-web-page-load-speed/
Beware the over spriting problem…it is possible to block yourself with CSS here and avoid incremental loading you get with individual images which might be trouble for long latency requests or mobile devices
It couldn’t quite externalize the CSS images automatically, still the performance is a great improvement. This is the common trade off of automated versus by hand approaches…if every 100ms matters you might find it worth it pay to customize