SlideShare a Scribd company logo
Optimize for speed
FrosmoX17
Martyn Birch 18.10.2017
Optimize for speed
2
• Why care about site optimization (SO)?
• A metaphorical understanding
• How to optimize your site?
• Conclusion
Why care about site optimization (SO)?
• Consistent visitor experience across multiple devices?
• Improve conversion rate?
• Low bounce rate?
• Reduction of bandwidth costs?
• Improved accessibility?
• Improve your site's ranking?
3
Include SO as a part of your SEO strategy
4
SEO
Example of a low-end device - 0.5Mbps
5
#webciety
6
Testing your site's user experience
• On a single device
• On two or more devices
• All of the above, incl. bandwidth
throttling
• On two or more browsers across multiple
devices
7
How to optimize your site? - Basics
1. Minify
2. Compress
3. Optimize
4. Browser development tools
5. Performance reporters
8
Versus
Minify and Compress
• Minify CSS, HTML and JavaScript
• Bundle CSS and JavaScript files
• Compress assets (100KB vs 15KB)
• Introduce a build process e.g. webpack
9
Optimize
• Remove unnecessary metadata from images
• Serve images with specific dimensions relative to the device
• Use image sprites, images in images
• Load files required for the "initial view"
10
Browser tools/Performance reporting
• Use Chrome DevTools
• Determine performance snapshots incl. screenshots
• Timeline tab denotes "expensive" code
• Network tab, resources which are downloaded
• Use Google's PageSpeed Insights for in-depth reporting
11
Embrace the future
1. Use ES2015 modules with lazy loading
2. Tree-shaking of modules
3. Enable HTTP/2, optimized for today's web
4. Allow the browser to optimize module dependencies
12
Conclusion
• SO should be a part of your SEO strategy
• Test your site on multiple devices incl. bandwidth throttling
• Use performance reporters to determine the bottlenecks
• No one size fits all, discuss with your team
13
Thank You
www.frosmo.com
Martyn Birch
Developer
martyn.birch@frosmo.com

More Related Content

What's hot

The top integration features you probably didn’t know existed in Service Bus
The top integration features you probably didn’t know existed in Service BusThe top integration features you probably didn’t know existed in Service Bus
The top integration features you probably didn’t know existed in Service Bus
BizTalk360
 
DesignPatternsForScalability
DesignPatternsForScalabilityDesignPatternsForScalability
DesignPatternsForScalability
Chris Ballance
 
Optimising the RSPB website (2011)
Optimising the RSPB website (2011)Optimising the RSPB website (2011)
Optimising the RSPB website (2011)
Graham Bird
 
Drupal Performance and Scaling
Drupal Performance and ScalingDrupal Performance and Scaling
Drupal Performance and Scaling
Gerald Villorente
 
Scalable Magento Deployment by Arun Bansal (ServerGuy.com)
Scalable Magento Deployment by Arun Bansal (ServerGuy.com)Scalable Magento Deployment by Arun Bansal (ServerGuy.com)
Scalable Magento Deployment by Arun Bansal (ServerGuy.com)
Arun Bansal
 
Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011
Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011
Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011
camp_drupal_ua
 
OSGI module
OSGI moduleOSGI module
WebDB Forum 2009 presentation(by cyberagent)
WebDB Forum 2009 presentation(by cyberagent)WebDB Forum 2009 presentation(by cyberagent)
WebDB Forum 2009 presentation(by cyberagent)
moai kids
 
Webinar: StorPool and WHIR - better storage, better business
Webinar: StorPool and WHIR - better storage, better businessWebinar: StorPool and WHIR - better storage, better business
Webinar: StorPool and WHIR - better storage, better business
StorPool Storage
 
Ray bogman site performance optimization
Ray bogman   site performance optimizationRay bogman   site performance optimization
Ray bogman site performance optimization
Guido X Jansen
 
Architecture Of Large Scale Websites
Architecture Of Large Scale WebsitesArchitecture Of Large Scale Websites
Architecture Of Large Scale Websites
Feng Yu
 
Sneak Preview Of Vignette V8
Sneak Preview Of Vignette V8Sneak Preview Of Vignette V8
Sneak Preview Of Vignette V8
Shane Closser
 
From HTML to pixels on the Screen
From HTML to pixels on the ScreenFrom HTML to pixels on the Screen
From HTML to pixels on the Screen
Igor Talic
 
EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...
EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...
EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...
ChemAxon
 
Speed up youe website
Speed up youe websiteSpeed up youe website
Speed up youe website
Nitin KR
 
Varrow Madness 2014 - Virtualizing SQL
Varrow Madness 2014 - Virtualizing SQLVarrow Madness 2014 - Virtualizing SQL
Varrow Madness 2014 - Virtualizing SQL
KQuinby
 
CMS Presentation
CMS PresentationCMS Presentation
CMS Presentation
kinserju
 
Learn WordPress - Live Session 2 Slides
Learn WordPress - Live Session 2 SlidesLearn WordPress - Live Session 2 Slides
Learn WordPress - Live Session 2 Slides
Ahmed Mohammed Nagdy
 
Nvidia grid and vGPU
Nvidia grid and vGPUNvidia grid and vGPU
Nvidia grid and vGPU
Kyle Quinby
 
Adobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites Management
Adobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites ManagementAdobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites Management
Adobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites Management
Ken Knitter
 

What's hot (20)

The top integration features you probably didn’t know existed in Service Bus
The top integration features you probably didn’t know existed in Service BusThe top integration features you probably didn’t know existed in Service Bus
The top integration features you probably didn’t know existed in Service Bus
 
DesignPatternsForScalability
DesignPatternsForScalabilityDesignPatternsForScalability
DesignPatternsForScalability
 
Optimising the RSPB website (2011)
Optimising the RSPB website (2011)Optimising the RSPB website (2011)
Optimising the RSPB website (2011)
 
Drupal Performance and Scaling
Drupal Performance and ScalingDrupal Performance and Scaling
Drupal Performance and Scaling
 
Scalable Magento Deployment by Arun Bansal (ServerGuy.com)
Scalable Magento Deployment by Arun Bansal (ServerGuy.com)Scalable Magento Deployment by Arun Bansal (ServerGuy.com)
Scalable Magento Deployment by Arun Bansal (ServerGuy.com)
 
Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011
Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011
Pankov Artem.Improving drupal performance www.hr portal.ru.DrupalCamp Kyiv 2011
 
OSGI module
OSGI moduleOSGI module
OSGI module
 
WebDB Forum 2009 presentation(by cyberagent)
WebDB Forum 2009 presentation(by cyberagent)WebDB Forum 2009 presentation(by cyberagent)
WebDB Forum 2009 presentation(by cyberagent)
 
Webinar: StorPool and WHIR - better storage, better business
Webinar: StorPool and WHIR - better storage, better businessWebinar: StorPool and WHIR - better storage, better business
Webinar: StorPool and WHIR - better storage, better business
 
Ray bogman site performance optimization
Ray bogman   site performance optimizationRay bogman   site performance optimization
Ray bogman site performance optimization
 
Architecture Of Large Scale Websites
Architecture Of Large Scale WebsitesArchitecture Of Large Scale Websites
Architecture Of Large Scale Websites
 
Sneak Preview Of Vignette V8
Sneak Preview Of Vignette V8Sneak Preview Of Vignette V8
Sneak Preview Of Vignette V8
 
From HTML to pixels on the Screen
From HTML to pixels on the ScreenFrom HTML to pixels on the Screen
From HTML to pixels on the Screen
 
EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...
EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...
EUGM 2013 - Eufrozina Hoffmann (ChemAxon): Marvin extending the scope of usab...
 
Speed up youe website
Speed up youe websiteSpeed up youe website
Speed up youe website
 
Varrow Madness 2014 - Virtualizing SQL
Varrow Madness 2014 - Virtualizing SQLVarrow Madness 2014 - Virtualizing SQL
Varrow Madness 2014 - Virtualizing SQL
 
CMS Presentation
CMS PresentationCMS Presentation
CMS Presentation
 
Learn WordPress - Live Session 2 Slides
Learn WordPress - Live Session 2 SlidesLearn WordPress - Live Session 2 Slides
Learn WordPress - Live Session 2 Slides
 
Nvidia grid and vGPU
Nvidia grid and vGPUNvidia grid and vGPU
Nvidia grid and vGPU
 
Adobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites Management
Adobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites ManagementAdobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites Management
Adobe Summit 2016 Bombardier’s AEM Implementation for Multi-sites Management
 

Similar to Optimize for speed by Martyn Birch

Site Performance Optimization - Joomla!
Site Performance Optimization - Joomla!Site Performance Optimization - Joomla!
Site Performance Optimization - Joomla!
Hans Kuijpers
 
20 tips for website performance
20 tips for website performance20 tips for website performance
20 tips for website performance
Andrew Siemer
 
Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
Betclic Everest Group Tech Team
 
Optimizing React at Postmates
Optimizing React at PostmatesOptimizing React at Postmates
Optimizing React at Postmates
Trey Huffine
 
Mongo Seattle - The Business of MongoDB
Mongo Seattle - The Business of MongoDBMongo Seattle - The Business of MongoDB
Mongo Seattle - The Business of MongoDB
Justin Smestad
 
Frontend performance on the web | Presentation @ecommercecamp 2019
Frontend performance on the web | Presentation @ecommercecamp 2019Frontend performance on the web | Presentation @ecommercecamp 2019
Frontend performance on the web | Presentation @ecommercecamp 2019
dreistromland
 
feoenglish
feoenglishfeoenglish
feoenglish
Dominik Kucharski
 
10 things you can do to speed up your web app today stir trek edition
10 things you can do to speed up your web app today   stir trek edition10 things you can do to speed up your web app today   stir trek edition
10 things you can do to speed up your web app today stir trek edition
Chris Love
 
Wordpress Page Load Speed - Kenneth sytian
Wordpress Page Load Speed - Kenneth sytianWordpress Page Load Speed - Kenneth sytian
Wordpress Page Load Speed - Kenneth sytian
Grant Merriel
 
PAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark TomlinsonPAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark Tomlinson
Neotys
 
Boost the Performance of SharePoint Today!
Boost the Performance of SharePoint Today!Boost the Performance of SharePoint Today!
Boost the Performance of SharePoint Today!
Brian Culver
 
How and Why ($) to improve web performance.pdf
How and Why ($) to improve web performance.pdfHow and Why ($) to improve web performance.pdf
How and Why ($) to improve web performance.pdf
Andrea Verlicchi
 
What's new in SharePoint 2016
What's new in SharePoint 2016What's new in SharePoint 2016
What's new in SharePoint 2016
Giuseppe Marchi
 
Improving Web Siste Performance Using Edge Services in Fog Computing Architec...
Improving Web Siste Performance Using Edge Services in Fog Computing Architec...Improving Web Siste Performance Using Edge Services in Fog Computing Architec...
Improving Web Siste Performance Using Edge Services in Fog Computing Architec...
Jiang Zhu
 
How_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_FarmHow_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_Farm
Nigel Price
 
Joomla Site Optimization
Joomla Site OptimizationJoomla Site Optimization
Joomla Site Optimization
Perry Wirth
 
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 201610 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
Chris Love
 
performance.ppt
performance.pptperformance.ppt
performance.ppt
fakeaccount225095
 
Lessons Learned from Using Next.js in Production
Lessons Learned from Using Next.js in ProductionLessons Learned from Using Next.js in Production
Lessons Learned from Using Next.js in Production
Panjamapong Sermsawatsri
 
SharePoint Saturday San Antonio: SharePoint 2010 Performance
SharePoint Saturday San Antonio: SharePoint 2010 PerformanceSharePoint Saturday San Antonio: SharePoint 2010 Performance
SharePoint Saturday San Antonio: SharePoint 2010 Performance
Brian Culver
 

Similar to Optimize for speed by Martyn Birch (20)

Site Performance Optimization - Joomla!
Site Performance Optimization - Joomla!Site Performance Optimization - Joomla!
Site Performance Optimization - Joomla!
 
20 tips for website performance
20 tips for website performance20 tips for website performance
20 tips for website performance
 
Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
 
Optimizing React at Postmates
Optimizing React at PostmatesOptimizing React at Postmates
Optimizing React at Postmates
 
Mongo Seattle - The Business of MongoDB
Mongo Seattle - The Business of MongoDBMongo Seattle - The Business of MongoDB
Mongo Seattle - The Business of MongoDB
 
Frontend performance on the web | Presentation @ecommercecamp 2019
Frontend performance on the web | Presentation @ecommercecamp 2019Frontend performance on the web | Presentation @ecommercecamp 2019
Frontend performance on the web | Presentation @ecommercecamp 2019
 
feoenglish
feoenglishfeoenglish
feoenglish
 
10 things you can do to speed up your web app today stir trek edition
10 things you can do to speed up your web app today   stir trek edition10 things you can do to speed up your web app today   stir trek edition
10 things you can do to speed up your web app today stir trek edition
 
Wordpress Page Load Speed - Kenneth sytian
Wordpress Page Load Speed - Kenneth sytianWordpress Page Load Speed - Kenneth sytian
Wordpress Page Load Speed - Kenneth sytian
 
PAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark TomlinsonPAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark Tomlinson
 
Boost the Performance of SharePoint Today!
Boost the Performance of SharePoint Today!Boost the Performance of SharePoint Today!
Boost the Performance of SharePoint Today!
 
How and Why ($) to improve web performance.pdf
How and Why ($) to improve web performance.pdfHow and Why ($) to improve web performance.pdf
How and Why ($) to improve web performance.pdf
 
What's new in SharePoint 2016
What's new in SharePoint 2016What's new in SharePoint 2016
What's new in SharePoint 2016
 
Improving Web Siste Performance Using Edge Services in Fog Computing Architec...
Improving Web Siste Performance Using Edge Services in Fog Computing Architec...Improving Web Siste Performance Using Edge Services in Fog Computing Architec...
Improving Web Siste Performance Using Edge Services in Fog Computing Architec...
 
How_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_FarmHow_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_Farm
 
Joomla Site Optimization
Joomla Site OptimizationJoomla Site Optimization
Joomla Site Optimization
 
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 201610 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
 
performance.ppt
performance.pptperformance.ppt
performance.ppt
 
Lessons Learned from Using Next.js in Production
Lessons Learned from Using Next.js in ProductionLessons Learned from Using Next.js in Production
Lessons Learned from Using Next.js in Production
 
SharePoint Saturday San Antonio: SharePoint 2010 Performance
SharePoint Saturday San Antonio: SharePoint 2010 PerformanceSharePoint Saturday San Antonio: SharePoint 2010 Performance
SharePoint Saturday San Antonio: SharePoint 2010 Performance
 

More from Frosmo

Webinar: Hur man kombinerar teknik och ett “growth mindset” för bästa kundup...
Webinar: Hur man kombinerar teknik och ett  “growth mindset” för bästa kundup...Webinar: Hur man kombinerar teknik och ett  “growth mindset” för bästa kundup...
Webinar: Hur man kombinerar teknik och ett “growth mindset” för bästa kundup...
Frosmo
 
Webinar: Simplifying the journey from optimisation to personalisation
Webinar: Simplifying the journey from optimisation to personalisationWebinar: Simplifying the journey from optimisation to personalisation
Webinar: Simplifying the journey from optimisation to personalisation
Frosmo
 
Webinar: What every marketer should know about personalization and scalable c...
Webinar: What every marketer should know about personalization and scalable c...Webinar: What every marketer should know about personalization and scalable c...
Webinar: What every marketer should know about personalization and scalable c...
Frosmo
 
Great CX requires pesonalization
Great CX requires pesonalizationGreat CX requires pesonalization
Great CX requires pesonalization
Frosmo
 
Webinar: Drive ecommerce revenue with personalization
Webinar: Drive ecommerce revenue with personalizationWebinar: Drive ecommerce revenue with personalization
Webinar: Drive ecommerce revenue with personalization
Frosmo
 
Webinar: Fast front-end development and easy personalization for SAP Commerce...
Webinar: Fast front-end development and easy personalization for SAP Commerce...Webinar: Fast front-end development and easy personalization for SAP Commerce...
Webinar: Fast front-end development and easy personalization for SAP Commerce...
Frosmo
 
AI for optimizing customer journeys in online betting
AI for optimizing customer journeys in online bettingAI for optimizing customer journeys in online betting
AI for optimizing customer journeys in online betting
Frosmo
 
Frosmo product vision and roadmap 2018
Frosmo product vision and roadmap 2018Frosmo product vision and roadmap 2018
Frosmo product vision and roadmap 2018
Frosmo
 
Changing landscape of front end. Stockholm roadshow presentation 13.11.2018
Changing landscape of front end. Stockholm roadshow presentation 13.11.2018 Changing landscape of front end. Stockholm roadshow presentation 13.11.2018
Changing landscape of front end. Stockholm roadshow presentation 13.11.2018
Frosmo
 
Creating superior customer experiences frosmo
Creating superior customer experiences frosmoCreating superior customer experiences frosmo
Creating superior customer experiences frosmo
Frosmo
 
Front-end development for headless cms
Front-end development for headless cms Front-end development for headless cms
Front-end development for headless cms
Frosmo
 
Recommendations 2.0
Recommendations 2.0 Recommendations 2.0
Recommendations 2.0
Frosmo
 
Changing landscape of front end. How does it impact your business?
Changing landscape of front end. How does it impact your business?Changing landscape of front end. How does it impact your business?
Changing landscape of front end. How does it impact your business?
Frosmo
 
Times of transition: challenges and online perspectives by Stanislaw Michalik
Times of transition: challenges and online perspectives by Stanislaw MichalikTimes of transition: challenges and online perspectives by Stanislaw Michalik
Times of transition: challenges and online perspectives by Stanislaw Michalik
Frosmo
 
The future of FROSMO by Mikael Gummerus
The future of FROSMO by Mikael GummerusThe future of FROSMO by Mikael Gummerus
The future of FROSMO by Mikael Gummerus
Frosmo
 
Digital as part of an accelerated growth by Katri Harra-Salonen
Digital as part of an accelerated growth by Katri Harra-SalonenDigital as part of an accelerated growth by Katri Harra-Salonen
Digital as part of an accelerated growth by Katri Harra-Salonen
Frosmo
 
From news site to a news store - Selling subscriptions online by Johanna Suhonen
From news site to a news store - Selling subscriptions online by Johanna SuhonenFrom news site to a news store - Selling subscriptions online by Johanna Suhonen
From news site to a news store - Selling subscriptions online by Johanna Suhonen
Frosmo
 
From viewer to user by Johannes Leppänen
From viewer to user by Johannes LeppänenFrom viewer to user by Johannes Leppänen
From viewer to user by Johannes Leppänen
Frosmo
 
Turning thinking from inside out to outside in by Anni Ronkainen
Turning thinking from inside out to outside in by Anni RonkainenTurning thinking from inside out to outside in by Anni Ronkainen
Turning thinking from inside out to outside in by Anni Ronkainen
Frosmo
 
Delivering UX in the digital loan industry by Agnieszka Guryn
Delivering UX in the digital loan industry by Agnieszka GurynDelivering UX in the digital loan industry by Agnieszka Guryn
Delivering UX in the digital loan industry by Agnieszka Guryn
Frosmo
 

More from Frosmo (20)

Webinar: Hur man kombinerar teknik och ett “growth mindset” för bästa kundup...
Webinar: Hur man kombinerar teknik och ett  “growth mindset” för bästa kundup...Webinar: Hur man kombinerar teknik och ett  “growth mindset” för bästa kundup...
Webinar: Hur man kombinerar teknik och ett “growth mindset” för bästa kundup...
 
Webinar: Simplifying the journey from optimisation to personalisation
Webinar: Simplifying the journey from optimisation to personalisationWebinar: Simplifying the journey from optimisation to personalisation
Webinar: Simplifying the journey from optimisation to personalisation
 
Webinar: What every marketer should know about personalization and scalable c...
Webinar: What every marketer should know about personalization and scalable c...Webinar: What every marketer should know about personalization and scalable c...
Webinar: What every marketer should know about personalization and scalable c...
 
Great CX requires pesonalization
Great CX requires pesonalizationGreat CX requires pesonalization
Great CX requires pesonalization
 
Webinar: Drive ecommerce revenue with personalization
Webinar: Drive ecommerce revenue with personalizationWebinar: Drive ecommerce revenue with personalization
Webinar: Drive ecommerce revenue with personalization
 
Webinar: Fast front-end development and easy personalization for SAP Commerce...
Webinar: Fast front-end development and easy personalization for SAP Commerce...Webinar: Fast front-end development and easy personalization for SAP Commerce...
Webinar: Fast front-end development and easy personalization for SAP Commerce...
 
AI for optimizing customer journeys in online betting
AI for optimizing customer journeys in online bettingAI for optimizing customer journeys in online betting
AI for optimizing customer journeys in online betting
 
Frosmo product vision and roadmap 2018
Frosmo product vision and roadmap 2018Frosmo product vision and roadmap 2018
Frosmo product vision and roadmap 2018
 
Changing landscape of front end. Stockholm roadshow presentation 13.11.2018
Changing landscape of front end. Stockholm roadshow presentation 13.11.2018 Changing landscape of front end. Stockholm roadshow presentation 13.11.2018
Changing landscape of front end. Stockholm roadshow presentation 13.11.2018
 
Creating superior customer experiences frosmo
Creating superior customer experiences frosmoCreating superior customer experiences frosmo
Creating superior customer experiences frosmo
 
Front-end development for headless cms
Front-end development for headless cms Front-end development for headless cms
Front-end development for headless cms
 
Recommendations 2.0
Recommendations 2.0 Recommendations 2.0
Recommendations 2.0
 
Changing landscape of front end. How does it impact your business?
Changing landscape of front end. How does it impact your business?Changing landscape of front end. How does it impact your business?
Changing landscape of front end. How does it impact your business?
 
Times of transition: challenges and online perspectives by Stanislaw Michalik
Times of transition: challenges and online perspectives by Stanislaw MichalikTimes of transition: challenges and online perspectives by Stanislaw Michalik
Times of transition: challenges and online perspectives by Stanislaw Michalik
 
The future of FROSMO by Mikael Gummerus
The future of FROSMO by Mikael GummerusThe future of FROSMO by Mikael Gummerus
The future of FROSMO by Mikael Gummerus
 
Digital as part of an accelerated growth by Katri Harra-Salonen
Digital as part of an accelerated growth by Katri Harra-SalonenDigital as part of an accelerated growth by Katri Harra-Salonen
Digital as part of an accelerated growth by Katri Harra-Salonen
 
From news site to a news store - Selling subscriptions online by Johanna Suhonen
From news site to a news store - Selling subscriptions online by Johanna SuhonenFrom news site to a news store - Selling subscriptions online by Johanna Suhonen
From news site to a news store - Selling subscriptions online by Johanna Suhonen
 
From viewer to user by Johannes Leppänen
From viewer to user by Johannes LeppänenFrom viewer to user by Johannes Leppänen
From viewer to user by Johannes Leppänen
 
Turning thinking from inside out to outside in by Anni Ronkainen
Turning thinking from inside out to outside in by Anni RonkainenTurning thinking from inside out to outside in by Anni Ronkainen
Turning thinking from inside out to outside in by Anni Ronkainen
 
Delivering UX in the digital loan industry by Agnieszka Guryn
Delivering UX in the digital loan industry by Agnieszka GurynDelivering UX in the digital loan industry by Agnieszka Guryn
Delivering UX in the digital loan industry by Agnieszka Guryn
 

Recently uploaded

快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
3a0sd7z3
 
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
bseovas
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
fovkoyb
 
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
uehowe
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
uehowe
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
saathvikreddy2003
 
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
k4ncd0z
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
ysasp1
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
wolfsoftcompanyco
 
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
3a0sd7z3
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
hackersuli
 
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
rtunex8r
 
HijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process HollowingHijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process Hollowing
Donato Onofri
 
Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!
Toptal Tech
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
davidjhones387
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
Laura Szabó
 
Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?
Paul Walk
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
uehowe
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
xjq03c34
 

Recently uploaded (19)

快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
 
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
 
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
 
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
 
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
 
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
 
HijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process HollowingHijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process Hollowing
 
Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
 
Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
 

Optimize for speed by Martyn Birch

  • 2. Optimize for speed 2 • Why care about site optimization (SO)? • A metaphorical understanding • How to optimize your site? • Conclusion
  • 3. Why care about site optimization (SO)? • Consistent visitor experience across multiple devices? • Improve conversion rate? • Low bounce rate? • Reduction of bandwidth costs? • Improved accessibility? • Improve your site's ranking? 3
  • 4. Include SO as a part of your SEO strategy 4 SEO
  • 5. Example of a low-end device - 0.5Mbps 5
  • 7. Testing your site's user experience • On a single device • On two or more devices • All of the above, incl. bandwidth throttling • On two or more browsers across multiple devices 7
  • 8. How to optimize your site? - Basics 1. Minify 2. Compress 3. Optimize 4. Browser development tools 5. Performance reporters 8 Versus
  • 9. Minify and Compress • Minify CSS, HTML and JavaScript • Bundle CSS and JavaScript files • Compress assets (100KB vs 15KB) • Introduce a build process e.g. webpack 9
  • 10. Optimize • Remove unnecessary metadata from images • Serve images with specific dimensions relative to the device • Use image sprites, images in images • Load files required for the "initial view" 10
  • 11. Browser tools/Performance reporting • Use Chrome DevTools • Determine performance snapshots incl. screenshots • Timeline tab denotes "expensive" code • Network tab, resources which are downloaded • Use Google's PageSpeed Insights for in-depth reporting 11
  • 12. Embrace the future 1. Use ES2015 modules with lazy loading 2. Tree-shaking of modules 3. Enable HTTP/2, optimized for today's web 4. Allow the browser to optimize module dependencies 12
  • 13. Conclusion • SO should be a part of your SEO strategy • Test your site on multiple devices incl. bandwidth throttling • Use performance reporters to determine the bottlenecks • No one size fits all, discuss with your team 13