Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
A collection of slides from various talks that I have given. http://deanhume.com https://speakerdeck.com/deanohume 2013-04-05 05:01:38 -0400 This talk was first presented at Fluent Conference San Jose on the 21st June 2017. https://conferences.oreilly.com/fluent/fl-ca/public/schedule/detail/58114 Presentation Details ---------------------------------- Imagine a world where you can access content on the web regardless of network connection in the blink of an eye. Progressive web apps are a total game changer for the web, enabling developers to build lightning-fast, engaging experiences. Drawing on firsthand experience at Settled, Dean Hume shares a step-by-step guide to implementing this technology in your own projects. Settled set out to build a new dashboard for its customers using progressive web apps and HTTP/2. The company wanted to build an offline-first application that allowed users to quickly and easily access their information on the go regardless of their network connection. When the application was implemented, Settled noticed an immediate change: its users spent twice as long on the site, they consumed 15x less data, and enjoyed a 3x faster load times. Dean walks you through Settled’s journey, sharing lessons learned along the way and practical tips that you can use when building your own web apps. Topics include: - Using HTTP/2 and the challenges and benefits that it brings - The steps Settled took when building an offline-first progressive web app - Bulletproof service worker caching - Building for sub-500 millisecond page-load times - Eliminating third-party single points of failure - Debugging challenges This talk was first presented at Fluent Conference San Jose on the 21st June 2017. https://conferences.oreilly.com/fluent/fl-ca/public/schedule/detail/58114 Presentation Details ---------------------------------- Imagine a world where you can access content on the web regardless of network connection in the blink of an eye. Progressive web apps are a total game changer for the web, enabling developers to build lightning-fast, engaging experiences. Drawing on firsthand experience at Settled, Dean Hume shares a step-by-step guide to implementing this technology in your own projects. Settled set out to build a new dashboard for its customers using progressive web apps and HTTP/2. The company wanted to build an offline-first application that allowed users to quickly and easily access their information on the go regardless of their network connection. When the application was implemented, Settled noticed an immediate change: its users spent twice as long on the site, they consumed 15x less data, and enjoyed a 3x faster load times. Dean walks you through Settled’s journey, sharing lessons learned along the way and practical tips that you can use when building your own web apps. Topics include: - Using HTTP/2 and the challenges and benefits that it brings - The steps Settled took when building an offline-first progressive web app - Bulletproof service worker caching - Building for sub-500 millisecond page-load times - Eliminating third-party single points of failure - Debugging challenges Wed, 21 Jun 2017 00:00:00 -0400 https://speakerdeck.com/deanohume/2 https://speakerdeck.com/deanohume/2 This tutorial was first presented at Velocity Conference Santa Clara on the 21st June 2016. http://conferences.oreilly.com/velocity/devops-web-performance-ca/public/schedule/detail/49857 Presentation Details ---------------------------------- Just as great warriors must first master their weapons, developers need to master their developer tools. Did you know that the very browser you are using is capable of some pretty amazing things? Using the power of your browser, you can develop, debug, and diagnose issues with a few clicks of your mouse. However, with great power comes great responsibility. Knowing how to use the developer tools is an important part of becoming a true warrior. Dean Hume teaches you exactly how to use the tools to become a better developer, one web page at a time. Dean walks you through the basics of Chrome Developer Tools before diving into some of the deeper aspects of the browser. You’ll leave knowing how to use developer tools in Chrome to improve web application performance and how to debug and diagnose problems quickly. Topics include: - Building websites directly through the browser - Debugging JavaScript and CSS - Inspecting and editing elements in the DOM - Improving mobile website development - Debugging and working with service workers - How to performance audit your website - Understanding the timeline - Ensuring your website is 60 FPS For more information visit http://deanhume.com This tutorial was first presented at Velocity Conference Santa Clara on the 21st June 2016. http://conferences.oreilly.com/velocity/devops-web-performance-ca/public/schedule/detail/49857 Presentation Details ---------------------------------- Just as great warriors must first master their weapons, developers need to master their developer tools. Did you know that the very browser you are using is capable of some pretty amazing things? Using the power of your browser, you can develop, debug, and diagnose issues with a few clicks of your mouse. However, with great power comes great responsibility. Knowing how to use the developer tools is an important part of becoming a true warrior. Dean Hume teaches you exactly how to use the tools to become a better developer, one web page at a time. Dean walks you through the basics of Chrome Developer Tools before diving into some of the deeper aspects of the browser. You’ll leave knowing how to use developer tools in Chrome to improve web application performance and how to debug and diagnose problems quickly. Topics include: - Building websites directly through the browser - Debugging JavaScript and CSS - Inspecting and editing elements in the DOM - Improving mobile website development - Debugging and working with service workers - How to performance audit your website - Understanding the timeline - Ensuring your website is 60 FPS For more information visit http://deanhume.com Tue, 21 Jun 2016 00:00:00 -0400 https://speakerdeck.com/deanohume/unleashing-the-power-within-a-hands-on-guide-to-browser-developer-tools https://speakerdeck.com/deanohume/unleashing-the-power-within-a-hands-on-guide-to-browser-developer-tools This workshop was first presented at Devoxx UK Conference on the 8th June 2016. http://cfp.devoxx.co.uk/2016/speaker/dean_hume Presentation Details ---------------------------------- As web developers, we are constantly striving to provide our users with the best possible browsing experience. Regardless of their device, our aim is to provide them with resilient, performant websites that just work. Imagine if you could take this to the next level and provide your users with a super fast website with a similar experience to native applications. This is where Service Workers come in. They are a promising game changer that provides developers with powerful features such as offline browsing, periodic background syncs, and push notifications to name just a few! This talk will dive into Progressive apps and showcase some of the features that are available for developers to start using today. Topics include: - The basics of Service Workers - Eliminating third-party single points of failure - Supercharging your caching - Implement offline browsing - Push notifications on the web - Background Sync - How to debug your Service Worker and much more! In this talk, we will run through working a few working examples and explore the ins and outs of Progressive. This talk is aimed at all web developers regardless of skill level - there is something for everyone! For more information visit http://deanhume.com This workshop was first presented at Devoxx UK Conference on the 8th June 2016. http://cfp.devoxx.co.uk/2016/speaker/dean_hume Presentation Details ---------------------------------- As web developers, we are constantly striving to provide our users with the best possible browsing experience. Regardless of their device, our aim is to provide them with resilient, performant websites that just work. Imagine if you could take this to the next level and provide your users with a super fast website with a similar experience to native applications. This is where Service Workers come in. They are a promising game changer that provides developers with powerful features such as offline browsing, periodic background syncs, and push notifications to name just a few! This talk will dive into Progressive apps and showcase some of the features that are available for developers to start using today. Topics include: - The basics of Service Workers - Eliminating third-party single points of failure - Supercharging your caching - Implement offline browsing - Push notifications on the web - Background Sync - How to debug your Service Worker and much more! In this talk, we will run through working a few working examples and explore the ins and outs of Progressive. This talk is aimed at all web developers regardless of skill level - there is something for everyone! For more information visit http://deanhume.com Wed, 08 Jun 2016 00:00:00 -0400 https://speakerdeck.com/deanohume/progressive-web-apps-in-the-real-world https://speakerdeck.com/deanohume/progressive-web-apps-in-the-real-world This talk was first presented on the 7th April 2016. http://www.deanhume.com Presentation Details ---------------------------------- This presentation is an overview of the key metrics that are needed to understand and optimize a SaaS business. It runs though how SaaS businesses are different to the traditional business model and dives into the basic key metrics of SaaS businesses. This talk is aimed at helping anyone involved in a SaaS business understand which variables really make a difference, and how to measure them and act on the results. This talk was first presented on the 7th April 2016. http://www.deanhume.com Presentation Details ---------------------------------- This presentation is an overview of the key metrics that are needed to understand and optimize a SaaS business. It runs though how SaaS businesses are different to the traditional business model and dives into the basic key metrics of SaaS businesses. This talk is aimed at helping anyone involved in a SaaS business understand which variables really make a difference, and how to measure them and act on the results. Thu, 07 Apr 2016 00:00:00 -0400 https://speakerdeck.com/deanohume/saas-metrics-for-dummies https://speakerdeck.com/deanohume/saas-metrics-for-dummies This workshop was first presented at OSCON Conference on the 28th October 2015. It was a joint workshop with Dean Hume (http://deanhume.com/) and Robin Osborne (http://robinosborne.co.uk/) http://conferences.oreilly.com/oscon/open-source-eu-2015 Presentation Details ---------------------------------- According to the HTTP Archive, the average web page consumes about 2 MB of total transfer size. This worrying trend is growing year on year, and as developers we need to ensure that our web pages are as mean and lean as possible. The easiest way to do this and ensure that our web pages forever stay lean is to automate our web performance workflow. As the famous meme goes – Automate all the things! If you are lazy developers like us, then you will understand the need to automate as much of your development workflow as possible. Automation makes life easier and reduces the need to manually recreate your steps every time. However, when it comes to the different automation options out there – where do you even begin? There are amazing open source tools that can make life a lot easier. In this talk we will run through various open source tools and libraries, and a step-by-step automation example covering web techniques, such as: - Image compression and optimization - Responsive images - WebP images - Removing unused CSS - Critical path CSS - Testing and benchmarking - How to integrate this all in a continuous integration process - Build, deployment, hosting, scaling By the end of the session, we hope that developers will have the knowledge required to set up and automate the performance workflow of their websites. Engineers will look to attend this presentation because they can learn how to automate the performance of their websites; simple improvements can really go a long way toward improving performance. For more information on the code repository used in this workshop, please checkout - https://github.com/rposbo/bulky-bricks-inc This workshop was first presented at OSCON Conference on the 28th October 2015. It was a joint workshop with Dean Hume (http://deanhume.com/) and Robin Osborne (http://robinosborne.co.uk/) http://conferences.oreilly.com/oscon/open-source-eu-2015 Presentation Details ---------------------------------- According to the HTTP Archive, the average web page consumes about 2 MB of total transfer size. This worrying trend is growing year on year, and as developers we need to ensure that our web pages are as mean and lean as possible. The easiest way to do this and ensure that our web pages forever stay lean is to automate our web performance workflow. As the famous meme goes – Automate all the things! If you are lazy developers like us, then you will understand the need to automate as much of your development workflow as possible. Automation makes life easier and reduces the need to manually recreate your steps every time. However, when it comes to the different automation options out there – where do you even begin? There are amazing open source tools that can make life a lot easier. In this talk we will run through various open source tools and libraries, and a step-by-step automation example covering web techniques, such as: - Image compression and optimization - Responsive images - WebP images - Removing unused CSS - Critical path CSS - Testing and benchmarking - How to integrate this all in a continuous integration process - Build, deployment, hosting, scaling By the end of the session, we hope that developers will have the knowledge required to set up and automate the performance workflow of their websites. Engineers will look to attend this presentation because they can learn how to automate the performance of their websites; simple improvements can really go a long way toward improving performance. For more information on the code repository used in this workshop, please checkout - https://github.com/rposbo/bulky-bricks-inc Wed, 28 Oct 2015 00:00:00 -0400 https://speakerdeck.com/deanohume/automating-web-performance https://speakerdeck.com/deanohume/automating-web-performance This talk was first presented at UpFront Conference on the 19th May 2015. http://upfrontconf.com/ Presentation Details ---------------------------------- As mobile device usage continues to grow, developers need to ensure that their mobile websites are fast and offer a high quality experience for all users. A fast mobile website can be the difference between winning or losing a customer. A few seconds delay in your page load time and you might find that users to your site easily become frustrated and navigate away to another site...or even worse, your competitors site! Developers understand the need for fast, smooth websites - but how do you apply this to a mobile website and the vast amount of mobile devices out there? This talk is aimed at all developers that build websites and will dive into basic and advanced web performance techniques - there is something for everyone! The talk also covers free tools that developers can use to test and profile the performance of their mobile websites. This talk will cover a variety of performance related issues specifically aimed at mobile websites and the techniques that developers can use to overcome them and will include: - Mobile Network Overhead - Critical Path Rendering - Basic web performance techniques - Responsive images - Performance build automation - Mobile Website profiling and debugging tools - A step by step website optimization http://deanhume.com This talk was first presented at UpFront Conference on the 19th May 2015. http://upfrontconf.com/ Presentation Details ---------------------------------- As mobile device usage continues to grow, developers need to ensure that their mobile websites are fast and offer a high quality experience for all users. A fast mobile website can be the difference between winning or losing a customer. A few seconds delay in your page load time and you might find that users to your site easily become frustrated and navigate away to another site...or even worse, your competitors site! Developers understand the need for fast, smooth websites - but how do you apply this to a mobile website and the vast amount of mobile devices out there? This talk is aimed at all developers that build websites and will dive into basic and advanced web performance techniques - there is something for everyone! The talk also covers free tools that developers can use to test and profile the performance of their mobile websites. This talk will cover a variety of performance related issues specifically aimed at mobile websites and the techniques that developers can use to overcome them and will include: - Mobile Network Overhead - Critical Path Rendering - Basic web performance techniques - Responsive images - Performance build automation - Mobile Website profiling and debugging tools - A step by step website optimization http://deanhume.com Tue, 19 May 2015 00:00:00 -0400 https://speakerdeck.com/deanohume/faster-mobile-websites https://speakerdeck.com/deanohume/faster-mobile-websites Presented at Velocity Conference, September 2014. The web is a fascinating place. Every day millions of websites around the world are constantly evolving and growing. Fortunately, great resources such as the HTTP archive capture statistics from over 300K URLS, and provide us with useful insights into the world of web performance. http://deanhume.com http://robinosborne.co.uk Presented at Velocity Conference, September 2014. The web is a fascinating place. Every day millions of websites around the world are constantly evolving and growing. Fortunately, great resources such as the HTTP archive capture statistics from over 300K URLS, and provide us with useful insights into the world of web performance. http://deanhume.com http://robinosborne.co.uk Wed, 17 Sep 2014 00:00:00 -0400 https://speakerdeck.com/deanohume/the-good-the-bad-and-the-ugly-of-the-http-archive https://speakerdeck.com/deanohume/the-good-the-bad-and-the-ugly-of-the-http-archive This talk was presented at Velocity Europe 2013. http://deanhume.com http://robinosborne.co.uk This talk was presented at Velocity Europe 2013. http://deanhume.com http://robinosborne.co.uk Fri, 15 Nov 2013 00:00:00 -0500 https://speakerdeck.com/deanohume/get-the-least-from-your-images https://speakerdeck.com/deanohume/get-the-least-from-your-images This is a recent talk that I gave at Untangle the Web London. It is all about starting your career in the tech industry and some tips to help your interviewing. http://deanhume.com This is a recent talk that I gave at Untangle the Web London. It is all about starting your career in the tech industry and some tips to help your interviewing. http://deanhume.com Mon, 21 Oct 2013 00:00:00 -0400 https://speakerdeck.com/deanohume/stand-out-from-the-crowd https://speakerdeck.com/deanohume/stand-out-from-the-crowd This was a recent talk that I gave at Experian about the simple steps that you can take to ensure that your website runs faster. http://deanhume.com This was a recent talk that I gave at Experian about the simple steps that you can take to ensure that your website runs faster. http://deanhume.com Fri, 01 Feb 2013 00:00:00 -0500 https://speakerdeck.com/deanohume/speed-is-important https://speakerdeck.com/deanohume/speed-is-important