CI in Eastern Europe 04.06.2007 Presentation at SLA Mislav Jurišić Podravka, Croatia.
Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every...
Transcript of Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every...
![Page 1: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/1.jpg)
Every second countsBuild faster Magento stores
Hrvoje Jurišić, Inchoo
Meet Magento GR 2015 @hrvojejurisic
![Page 2: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/2.jpg)
Hrvoje JurisicMagento frontend developer @InchooAuthor of the famous Inchooers comic strip
Meet Magento GR 2015 @hrvojejurisic
![Page 3: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/3.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 4: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/4.jpg)
Meet Magento GR 2015 @hrvojejurisic
EDGE
![Page 5: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/5.jpg)
![Page 6: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/6.jpg)
Nobody likes waiting
@hrvojejurisicMeet Magento GR 2015
![Page 7: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/7.jpg)
Numbers
![Page 8: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/8.jpg)
Users expect
2 seconds
@hrvojejurisicSource: akamai.comMeet Magento GR 2015
![Page 9: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/9.jpg)
After 3 seconds40% will leave
Meet Magento GR 2015 @hrvojejurisicSource: akamai.com
![Page 10: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/10.jpg)
88% of customerswill never come back
Meet Magento GR 2015 @hrvojejurisicSource: gomez.com
![Page 11: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/11.jpg)
44% of shoppersfear that slow checkout means something went
wrong with the transaction
Meet Magento GR 2015 @hrvojejurisicSource: Radware
![Page 12: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/12.jpg)
Fast page loadbuilds TRUST
Meet Magento GR 2015 @hrvojejurisic
![Page 13: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/13.jpg)
1 second delay7% less conversions
Meet Magento GR 2015 @hrvojejurisicSource: tagman.com
![Page 14: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/14.jpg)
Google: 500ms latency
20% less traffic
Meet Magento GR 2015 @hrvojejurisicSource: Linden
![Page 15: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/15.jpg)
Amazon: 100 ms latency
1% less revenue
Meet Magento GR 2015 @hrvojejurisicSource: highscalability.com
![Page 16: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/16.jpg)
Meet Magento GR 2015 @hrvojejurisic
Bad performanceBad business
![Page 17: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/17.jpg)
2014: eCommerce websites
21% slower than 2013
Meet Magento GR 2015 @hrvojejurisicSource: webperformancetoday.com
![Page 18: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/18.jpg)
2012 load time: 6.8s
2014 load time: 10.0s
Meet Magento GR 2015 @hrvojejurisicSource: webperformancetoday.com
![Page 19: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/19.jpg)
Meet Magento GR 2015 @hrvojejurisicSource: HTTP Archive
September 2013.
![Page 20: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/20.jpg)
Meet Magento GR 2015 @hrvojejurisicSource: HTTP Archive
September 2015.
![Page 21: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/21.jpg)
![Page 22: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/22.jpg)
55% of eCommerce traffichappens on mobile device
Meet Magento GR 2015 @hrvojejurisicSource: webperformancetoday.com
![Page 23: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/23.jpg)
Mobile users expect sites to load as fast or even
faster than on their desktops
Meet Magento GR 2015 @hrvojejurisicSource: strangeloopnetworks.com
![Page 24: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/24.jpg)
Up to 97% of mobile cartsare abandoned
Meet Magento GR 2015 @hrvojejurisicSource: webperformancetoday.com
![Page 25: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/25.jpg)
![Page 26: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/26.jpg)
Meet Magento GR 2015 @hrvojejurisic
4G to the rescue??
![Page 27: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/27.jpg)
Meet Magento GR 2015 @hrvojejurisic
not so fast….
![Page 28: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/28.jpg)
Meet Magento GR 2015 @hrvojejurisicSource: igvita.com
![Page 29: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/29.jpg)
Meet Magento GR 2015 @hrvojejurisicSource: Mobify
![Page 30: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/30.jpg)
HOW?
Meet Magento GR 2015 @hrvojejurisic
![Page 31: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/31.jpg)
Speed is a featuretreat it as a part of
UX design
Meet Magento GR 2015 @hrvojejurisic
![Page 32: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/32.jpg)
Every decisioncomes with a cost
Meet Magento GR 2015 @hrvojejurisic
![Page 33: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/33.jpg)
Set a performance budget
Meet Magento GR 2015 @hrvojejurisicSource: timkalec.com
![Page 34: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/34.jpg)
Set a performance budget
● < 3 sec on wi-fi
Meet Magento GR 2015 @hrvojejurisic
![Page 35: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/35.jpg)
Set a performance budget
● < 3 sec on wi-fi● < 5 sec on 3G
Meet Magento GR 2015 @hrvojejurisic
![Page 36: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/36.jpg)
Set a performance budget
● < 3 sec on wi-fi● < 5 sec on 3G● < 500 Kb
Meet Magento GR 2015 @hrvojejurisic
![Page 37: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/37.jpg)
Set a performance budget
● < 3 sec on wi-fi● < 5 sec on 3G● < 500 Kb● < 30 http requests
Meet Magento GR 2015 @hrvojejurisic
![Page 38: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/38.jpg)
It’s a battle, make it personal
Meet Magento GR 2015 @hrvojejurisic
![Page 39: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/39.jpg)
Optimization
Meet Magento GR 2015 @hrvojejurisic
![Page 40: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/40.jpg)
Images
Meet Magento GR 2015 @hrvojejurisic
![Page 41: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/41.jpg)
50% of top 100 retail stores fail to compress images
Meet Magento GR 2015 @hrvojejurisicSource: Radware
![Page 42: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/42.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images
![Page 43: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/43.jpg)
Meet Magento GR 2015 @hrvojejurisic
a. Compressb. Use right formatc. Use Responsive Images
![Page 44: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/44.jpg)
Latency
Meet Magento GR 2015 @hrvojejurisic
![Page 45: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/45.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 46: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/46.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images2. Use CDN
![Page 47: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/47.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 48: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/48.jpg)
Requests
Meet Magento GR 2015 @hrvojejurisic
![Page 49: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/49.jpg)
100 http requests in 2014170 http requests in 2015
Meet Magento GR 2015 @hrvojejurisic
![Page 50: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/50.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images2. Use CDN3. Reduce http requests
![Page 51: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/51.jpg)
Meet Magento GR 2015 @hrvojejurisic
a. Use Spritesb. Use Icon Fontsc. Merge Javascript filesd. Merge CSS filese. Lazy Loading
![Page 52: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/52.jpg)
Page weight
Meet Magento GR 2015 @hrvojejurisic
![Page 53: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/53.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 54: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/54.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images2. Use CDN3. Reduce http requests4. Reduce page weight
![Page 55: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/55.jpg)
Meet Magento GR 2015 @hrvojejurisic
a. Optimize Imagesb. Lazy Loadingc. Gzip componentsd. Minify JS and CSS files
![Page 56: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/56.jpg)
Parallel downloads
Meet Magento GR 2015 @hrvojejurisic
![Page 57: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/57.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 58: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/58.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images2. Use CDN3. Reduce http requests4. Reduce page weight5. Use multiple domains for static assets
![Page 59: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/59.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 60: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/60.jpg)
Cache
Meet Magento GR 2015 @hrvojejurisic
![Page 61: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/61.jpg)
The fastest http requestis the one not made
Meet Magento GR 2015 @hrvojejurisic
![Page 62: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/62.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images2. Use CDN3. Reduce http requests4. Reduce page weight5. Use multiple domains for static assets6. Use far future header expires
![Page 63: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/63.jpg)
Rendering
Meet Magento GR 2015 @hrvojejurisic
![Page 64: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/64.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 65: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/65.jpg)
CSS blocks renderingJS blocks HTML parser
Meet Magento GR 2015 @hrvojejurisic
![Page 66: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/66.jpg)
Meet Magento GR 2015 @hrvojejurisic
1. Optimize Images2. Use CDN3. Reduce http requests4. Reduce page weight5. Use multiple domains for static assets6. Use far future header expires7. Optimize critical rendering path
![Page 67: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/67.jpg)
Meet Magento GR 2015 @hrvojejurisic
a. CSS file at the topb. JS file async or at the bottom
![Page 68: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/68.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 69: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/69.jpg)
We need renderabove the fold content!
Meet Magento GR 2015 @hrvojejurisic
![Page 70: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/70.jpg)
Meet Magento GR 2015 @hrvojejurisic
a. CSS file at the topb. JS file async or at the bottom
![Page 71: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/71.jpg)
Meet Magento GR 2015 @hrvojejurisic
a. CSS file at the topa. Inline critical CSS at the topb. JS file async or at the bottomc. Load the rest of CSS at the bottom
![Page 72: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/72.jpg)
Meet Magento GR 2015 @hrvojejurisic
![Page 73: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/73.jpg)
Tools
Meet Magento GR 2015 @hrvojejurisic
![Page 74: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/74.jpg)
Meet Magento GR 2015 @hrvojejurisic
● Developer tools, Firebug● Webpagetest.org● PageSpeed ● YSlow
![Page 75: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/75.jpg)
Remember
Meet Magento GR 2015 @hrvojejurisic
![Page 76: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/76.jpg)
Speed is an importantfeature of a webstore
Meet Magento GR 2015 @hrvojejurisic
![Page 77: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/77.jpg)
Every design decision hasan impact on performance
Meet Magento GR 2015 @hrvojejurisic
![Page 78: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/78.jpg)
Follow best practicesfor page speed optimization
Meet Magento GR 2015 @hrvojejurisic
![Page 79: Hrvoje Jurišić, Inchoo - Converge ICT › wp-content › uploads › 2015 › 10 › ... · Every second counts Build faster Magento stores Hrvoje Jurišić, Inchoo Meet Magento](https://reader034.fdocuments.net/reader034/viewer/2022042310/5ed7ad59f0b5d51dff7a3d80/html5/thumbnails/79.jpg)
Thank you
Meet Magento GR 2015 @hrvojejurisic