Talk delivered in New York, Sep 19, 2016 during an O'Reilly meetup before Velocity Conference about Web Performance and Images, including HTTP Client Hints and new Image Formats
The document provides an agenda and summary for a talk on how the physical world is meeting the web through various technologies. The topics discussed include mobile and IoT, the Physical Web, Progressive Web Apps, and connecting through web APIs. Specific emerging APIs that allow access to device sensors and hardware are demonstrated, such as ambient light detection, web Bluetooth, and web audio. The talk aims to show how the web is becoming a universal platform to enable new experiences at the intersection of the digital and physical worlds.
This document summarizes a presentation about extreme performance for mobile web. It discusses understanding the mobile web ecosystem today, focusing on performance differences for mobile and tools to measure performance. It also covers HTML5 APIs and specifications for performance as well as tips for extreme performance including optimizing the network layer, reducing redirects and stop signs, prioritizing responsive design, minimizing above-the-fold content, loading CSS asynchronously, treating JavaScript as optional, and ensuring fast user interfaces. The overall message is that perception of performance is more important than actual load times and focuses on techniques to optimize for mobile.
This document discusses optimizing web performance for mobile devices. It covers the current mobile web ecosystem, importance of performance, tools for measuring performance, optimizing initial loading and perception, and responsiveness. The key points discussed are understanding the diversity of mobile browsers and platforms, keeping content above the fold loading within 1 second, using tools like navigation timing API to measure performance, avoiding redirects and unnecessary resources, and ensuring smooth scrolling and responsiveness.
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Maximiliano Firtman
This document summarizes key points about optimizing performance for mobile web:
1. Mobile platforms are dominated by iOS and Android, with different browsers on each (Safari, Chrome). Understanding the ecosystem is important for testing and optimization.
2. Perception of speed is critical - aim for responses within 1 second. Mobile hardware is less powerful so optimization is needed. Tools like emulators, remote inspectors, and APIs help measure performance.
3. For initial loading, focus on getting above-the-fold content within 1 second using techniques like avoiding redirects, gzipping files, separating critical CSS, and deferring non-essential assets.
This document discusses ways to make JavaScript faster in web pages. It recommends loading scripts asynchronously or with defer, preloading scripts, reducing CPU time spent evaluating scripts and function calls, budgeting third-party scripts, ensuring proper compression of scripts, and reviewing code coverage to optimize performance.
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Katie Sylor-Miller
Raiders of the Fast Start: Frontend Performance Archeology
There are a lot of books, articles, and online tutorials out there with fantastic advice on how to make your websites performant. It all seems easy in theory, but applying best practices to real-world code is anything but straightforward. Diagnosing and fixing frontend performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. You don’t know what you will find until you start digging!
Pick up your trowels and come along with Etsy’s Frontend Systems team as we become archaeologists digging into frontend performance on our large, legacy mobile codebase. I’ll share real-life lessons you can use to guide your own excavations into legacy code:
What tools and metrics we used to diagnose issues and track progress.
How we went beyond server-driven best practices to focus on the client.
Which fixes successfully increased conversion, and which didn’t.
Our work, like all good archaeology, went beyond artifacts and unearthed new insights into our culture. We at Etsy pride ourselves on our culture of performance, but, like all cultures, it needs to adapt and reinvent itself to account for changes to the landscape. Based on what we’ve learned, we are making the case for a new, organization-wide, frontend-focused performance culture that will solve the problems we face today.
The document provides an agenda and summary for a talk on how the physical world is meeting the web through various technologies. The topics discussed include mobile and IoT, the Physical Web, Progressive Web Apps, and connecting through web APIs. Specific emerging APIs that allow access to device sensors and hardware are demonstrated, such as ambient light detection, web Bluetooth, and web audio. The talk aims to show how the web is becoming a universal platform to enable new experiences at the intersection of the digital and physical worlds.
This document summarizes a presentation about extreme performance for mobile web. It discusses understanding the mobile web ecosystem today, focusing on performance differences for mobile and tools to measure performance. It also covers HTML5 APIs and specifications for performance as well as tips for extreme performance including optimizing the network layer, reducing redirects and stop signs, prioritizing responsive design, minimizing above-the-fold content, loading CSS asynchronously, treating JavaScript as optional, and ensuring fast user interfaces. The overall message is that perception of performance is more important than actual load times and focuses on techniques to optimize for mobile.
This document discusses optimizing web performance for mobile devices. It covers the current mobile web ecosystem, importance of performance, tools for measuring performance, optimizing initial loading and perception, and responsiveness. The key points discussed are understanding the diversity of mobile browsers and platforms, keeping content above the fold loading within 1 second, using tools like navigation timing API to measure performance, avoiding redirects and unnecessary resources, and ensuring smooth scrolling and responsiveness.
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Maximiliano Firtman
This document summarizes key points about optimizing performance for mobile web:
1. Mobile platforms are dominated by iOS and Android, with different browsers on each (Safari, Chrome). Understanding the ecosystem is important for testing and optimization.
2. Perception of speed is critical - aim for responses within 1 second. Mobile hardware is less powerful so optimization is needed. Tools like emulators, remote inspectors, and APIs help measure performance.
3. For initial loading, focus on getting above-the-fold content within 1 second using techniques like avoiding redirects, gzipping files, separating critical CSS, and deferring non-essential assets.
This document discusses ways to make JavaScript faster in web pages. It recommends loading scripts asynchronously or with defer, preloading scripts, reducing CPU time spent evaluating scripts and function calls, budgeting third-party scripts, ensuring proper compression of scripts, and reviewing code coverage to optimize performance.
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Katie Sylor-Miller
Raiders of the Fast Start: Frontend Performance Archeology
There are a lot of books, articles, and online tutorials out there with fantastic advice on how to make your websites performant. It all seems easy in theory, but applying best practices to real-world code is anything but straightforward. Diagnosing and fixing frontend performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. You don’t know what you will find until you start digging!
Pick up your trowels and come along with Etsy’s Frontend Systems team as we become archaeologists digging into frontend performance on our large, legacy mobile codebase. I’ll share real-life lessons you can use to guide your own excavations into legacy code:
What tools and metrics we used to diagnose issues and track progress.
How we went beyond server-driven best practices to focus on the client.
Which fixes successfully increased conversion, and which didn’t.
Our work, like all good archaeology, went beyond artifacts and unearthed new insights into our culture. We at Etsy pride ourselves on our culture of performance, but, like all cultures, it needs to adapt and reinvent itself to account for changes to the landscape. Based on what we’ve learned, we are making the case for a new, organization-wide, frontend-focused performance culture that will solve the problems we face today.
The document discusses progressive web apps (PWAs) and outlines key considerations for creating a PWA. It addresses questions around what a PWA is, how to make a website feel like an app, offline functionality, push notifications, and creating a roadmap. Examples from companies that implemented PWAs successfully are provided. The conclusion recommends developing a progressive roadmap that starts with baseline PWA features and builds out functionality over time based on priorities and initiatives.
In last 4 years, two new image formats were added to the web technology arsenal -- WebP & JPEG XR. These image formats are far superior to their predecessors, but unfortunately are only supported by very specific browsers, and aren't always easy to generate. Akamai has recently added support for these image formats, and learned a lot in the process. In this short talk, Ido will explain more about these formats and share some of our experience working with them.
The document discusses optimizing web performance for mobile devices. It covers mobile web platforms and browsers, the importance of performance on mobile, tools for measuring performance, optimizing initial loading and above-the-fold content within 1 second, and maintaining responsiveness. The key recommendations are to measure on real devices, avoid redirects, reduce requests, load above-the-fold content quickly and defer the rest, and prioritize simplicity over complex designs and frameworks.
We all know Mobile is different, but by how much?
This presentation attempts to quantify the difference between mobile and non-mobile, focusing on CPU, network and browser differences.
Developing High Performance Web Apps - CodeMash 2011Timothy Fisher
This document provides an overview of techniques for developing high performance web applications. It discusses why front-end performance matters, and outlines best practices for optimizing page load times, using responsive interfaces, loading and executing JavaScript efficiently, and accessing data. The presentation recommends tools for monitoring and improving performance, such as Firebug, Page Speed, and YSlow.
Great Lakes Area .Net UG: Optimize .Net Azure App ServicesBrian McKeiver
Check out more on my blog at: https://www.mcbeev.com/
Azure App Services are basically the de facto standard as the best possible way to deploy and host a .Net Framework or .Net Core application, period. You can argue with me until you are blue in the face about other hosting methods or platforms, but you would still be wrong.
However, utilizing an Azure App Service as your hosting method is not the same as utilizing standard IIS, especially when it comes to optimization. During the session we will deploy a .Net Core MVC application to Azure, determine an initial baseline for performance, and then walk through how to configure various properties and server-side configurations that make that site blazing fast.
The document discusses how the mobile web is growing rapidly but many web developers are not optimizing their sites for mobile. It provides statistics on the growth of mobile phones and their usage. It then details tests the author conducted on various mobile browsers to analyze support for technologies like gzip compression and parallel HTTP requests. The author provides recommendations for optimizing sites for mobile like using gzip, minimizing files, caching aggressively, and limiting cookies. The document advocates for testing sites across mobile browsers due to variations in support.
How I learned to stop worrying and love UX metricsTammy Everts
This talk at the 2018 performance.now() conference (Amsterdam) walks through a brief history of UX and web performance research, highlighting landmark studies that helped connect the dots between performance and user experience. I also demystify the current state of performance metrics and help you understand what you need to focus on for your site and your users.
Measuring Web Performance (HighEdWeb FL Edition)Dave Olsen
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at HighEdWeb Florida.
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
AMP is coming to improve the mobile web. Big time.
There are many aspect to a great user experience on sites.
In order to improve the speed of the media websites on mobile and the monetization, we needed few things:
1. Fast pages. Fast to load, fast to display, saving bandwidth when possible.
2. Easy for the developers and companies to create. Only based on known and widely used technologies.
3. Mobile Friendly: they should respect a standard and thanks to this standard, pages would be automatically optimized for mobile devices
4. Embrace the open web: non-proprietary technology, open source, available to anyone to use and improve. It should not only help for search engines, but for everyone.
In these slides, we will cover AMP and what it can do for you.
2017 Silicon Valley Code Camp: Instant Mobile WebLisa Huang
Instant Mobile Web presentation for Silicon Valley Code Camp 2017.
Session: https://www.siliconvalley-codecamp.com/Session/2017/instant-mobile-web-an-accelerated-mobile-pages-primer
Web Performance & You - HighEdWeb Arkansas VersionDave Olsen
Today, a web page can be delivered to a desktop computer, a television, or a handheld device like a tablet or a phone. While a technique like responsive design helps ensure that our web sites look good across that spectrum of screen sizes we may forget our web sites should also be able to perform equally well across that same spectrum. While more and more of our users are shifting their Internet usage to these more varied platforms and connection speeds our development practices might not be keeping up.In this session we’ll review why optimizing web performance should be an important step in the development of responsive websites. We’ll look at the tools that can help you understand and measure the performance of those sites as well as discuss front-end and server-side techniques that can be used to help you improve their performance. Finally, since the best way to test your site is to have real devices in hand, we’ll share “lessons learned” so you can set-up your own device lab similar to what we have at West Virginia University.This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
The document discusses high performance web design. It covers measuring performance using tools like YSlow and PageSpeed, as well as techniques to improve performance such as reducing HTTP requests by combining scripts and stylesheets, using CSS sprites, and inline images. The document also discusses how performance impacts businesses and provides examples of component weights and grades for different websites according to YSlow rules. It emphasizes the importance of clear objectives, consistent design, and clean code for building high performance sites.
This document discusses ways to improve web performance for mobile users. It outlines goals like achieving a speed index between 1,100-2,500 and first meaningful paint within 1-3 seconds. Various techniques are presented for hacking first load times, data transfer, resource loading, images and user experience. These include avoiding redirects, using HTTP/2 and service workers, modern cache controls, responsive images, preloading resources, and ensuring consistent frame rates. The overall message is that mobile performance needs more attention given average load times and high bounce rates on slow mobile sites.
This document discusses optimizing images and video for fast delivery on mobile websites. It begins by explaining that fast loading is a human perception based on time thresholds, with 100ms perceived as instant. The document then outlines 4 simple image optimizations: quality, format, sizing, and lazy loading. It provides examples of each optimization and data on real-world usage. Additional topics discussed include responsive images, animated GIFs, save-data considerations, and base64 encoding. The overall message is that images make up most web content and several techniques can significantly improve performance and user experience.
Doug Sillars presented four simple optimizations for delivering fast and beautiful images and video on mobile: 1) reduce image quality, 2) use optimized formats like WebP and SVG, 3) size images appropriately, and 4) lazy load images below the fold. He demonstrated how these techniques can significantly reduce page load times and data usage. Sillars also discussed best practices for video delivery and alternatives to animated GIFs that can reduce file sizes substantially. Throughout, he provided real-world examples and tools to help optimize multimedia content for mobile performance.
Imagesandvideo stockholm fastandbeautifulDoug Sillars
This document discusses 4 simple optimizations that can be made to images on websites to improve performance: 1) Reducing image quality, 2) Using optimized file formats like JPEG, WebP and SVG, 3) Resizing images to actual display size, and 4) Implementing lazy loading so images outside the viewport are not downloaded. It provides examples and data on how each technique can significantly reduce data usage and improve load times.
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
Slides of my talk at DevFest 2016 in Cochabamba, Bolivia (en español - in spanish) about Web APIs for hardware access, the Physical Web, WebVR and other technologies.
Slides of my talk about Progressive Web Apps - The Web strikes again (La Web contraataca) delivered in Cochabamba Bolivia, for DevFest 2016 in November 2016.
The document discusses progressive web apps (PWAs) and outlines key considerations for creating a PWA. It addresses questions around what a PWA is, how to make a website feel like an app, offline functionality, push notifications, and creating a roadmap. Examples from companies that implemented PWAs successfully are provided. The conclusion recommends developing a progressive roadmap that starts with baseline PWA features and builds out functionality over time based on priorities and initiatives.
In last 4 years, two new image formats were added to the web technology arsenal -- WebP & JPEG XR. These image formats are far superior to their predecessors, but unfortunately are only supported by very specific browsers, and aren't always easy to generate. Akamai has recently added support for these image formats, and learned a lot in the process. In this short talk, Ido will explain more about these formats and share some of our experience working with them.
The document discusses optimizing web performance for mobile devices. It covers mobile web platforms and browsers, the importance of performance on mobile, tools for measuring performance, optimizing initial loading and above-the-fold content within 1 second, and maintaining responsiveness. The key recommendations are to measure on real devices, avoid redirects, reduce requests, load above-the-fold content quickly and defer the rest, and prioritize simplicity over complex designs and frameworks.
We all know Mobile is different, but by how much?
This presentation attempts to quantify the difference between mobile and non-mobile, focusing on CPU, network and browser differences.
Developing High Performance Web Apps - CodeMash 2011Timothy Fisher
This document provides an overview of techniques for developing high performance web applications. It discusses why front-end performance matters, and outlines best practices for optimizing page load times, using responsive interfaces, loading and executing JavaScript efficiently, and accessing data. The presentation recommends tools for monitoring and improving performance, such as Firebug, Page Speed, and YSlow.
Great Lakes Area .Net UG: Optimize .Net Azure App ServicesBrian McKeiver
Check out more on my blog at: https://www.mcbeev.com/
Azure App Services are basically the de facto standard as the best possible way to deploy and host a .Net Framework or .Net Core application, period. You can argue with me until you are blue in the face about other hosting methods or platforms, but you would still be wrong.
However, utilizing an Azure App Service as your hosting method is not the same as utilizing standard IIS, especially when it comes to optimization. During the session we will deploy a .Net Core MVC application to Azure, determine an initial baseline for performance, and then walk through how to configure various properties and server-side configurations that make that site blazing fast.
The document discusses how the mobile web is growing rapidly but many web developers are not optimizing their sites for mobile. It provides statistics on the growth of mobile phones and their usage. It then details tests the author conducted on various mobile browsers to analyze support for technologies like gzip compression and parallel HTTP requests. The author provides recommendations for optimizing sites for mobile like using gzip, minimizing files, caching aggressively, and limiting cookies. The document advocates for testing sites across mobile browsers due to variations in support.
How I learned to stop worrying and love UX metricsTammy Everts
This talk at the 2018 performance.now() conference (Amsterdam) walks through a brief history of UX and web performance research, highlighting landmark studies that helped connect the dots between performance and user experience. I also demystify the current state of performance metrics and help you understand what you need to focus on for your site and your users.
Measuring Web Performance (HighEdWeb FL Edition)Dave Olsen
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at HighEdWeb Florida.
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
AMP is coming to improve the mobile web. Big time.
There are many aspect to a great user experience on sites.
In order to improve the speed of the media websites on mobile and the monetization, we needed few things:
1. Fast pages. Fast to load, fast to display, saving bandwidth when possible.
2. Easy for the developers and companies to create. Only based on known and widely used technologies.
3. Mobile Friendly: they should respect a standard and thanks to this standard, pages would be automatically optimized for mobile devices
4. Embrace the open web: non-proprietary technology, open source, available to anyone to use and improve. It should not only help for search engines, but for everyone.
In these slides, we will cover AMP and what it can do for you.
2017 Silicon Valley Code Camp: Instant Mobile WebLisa Huang
Instant Mobile Web presentation for Silicon Valley Code Camp 2017.
Session: https://www.siliconvalley-codecamp.com/Session/2017/instant-mobile-web-an-accelerated-mobile-pages-primer
Web Performance & You - HighEdWeb Arkansas VersionDave Olsen
Today, a web page can be delivered to a desktop computer, a television, or a handheld device like a tablet or a phone. While a technique like responsive design helps ensure that our web sites look good across that spectrum of screen sizes we may forget our web sites should also be able to perform equally well across that same spectrum. While more and more of our users are shifting their Internet usage to these more varied platforms and connection speeds our development practices might not be keeping up.In this session we’ll review why optimizing web performance should be an important step in the development of responsive websites. We’ll look at the tools that can help you understand and measure the performance of those sites as well as discuss front-end and server-side techniques that can be used to help you improve their performance. Finally, since the best way to test your site is to have real devices in hand, we’ll share “lessons learned” so you can set-up your own device lab similar to what we have at West Virginia University.This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
The document discusses high performance web design. It covers measuring performance using tools like YSlow and PageSpeed, as well as techniques to improve performance such as reducing HTTP requests by combining scripts and stylesheets, using CSS sprites, and inline images. The document also discusses how performance impacts businesses and provides examples of component weights and grades for different websites according to YSlow rules. It emphasizes the importance of clear objectives, consistent design, and clean code for building high performance sites.
This document discusses ways to improve web performance for mobile users. It outlines goals like achieving a speed index between 1,100-2,500 and first meaningful paint within 1-3 seconds. Various techniques are presented for hacking first load times, data transfer, resource loading, images and user experience. These include avoiding redirects, using HTTP/2 and service workers, modern cache controls, responsive images, preloading resources, and ensuring consistent frame rates. The overall message is that mobile performance needs more attention given average load times and high bounce rates on slow mobile sites.
This document discusses optimizing images and video for fast delivery on mobile websites. It begins by explaining that fast loading is a human perception based on time thresholds, with 100ms perceived as instant. The document then outlines 4 simple image optimizations: quality, format, sizing, and lazy loading. It provides examples of each optimization and data on real-world usage. Additional topics discussed include responsive images, animated GIFs, save-data considerations, and base64 encoding. The overall message is that images make up most web content and several techniques can significantly improve performance and user experience.
Doug Sillars presented four simple optimizations for delivering fast and beautiful images and video on mobile: 1) reduce image quality, 2) use optimized formats like WebP and SVG, 3) size images appropriately, and 4) lazy load images below the fold. He demonstrated how these techniques can significantly reduce page load times and data usage. Sillars also discussed best practices for video delivery and alternatives to animated GIFs that can reduce file sizes substantially. Throughout, he provided real-world examples and tools to help optimize multimedia content for mobile performance.
Imagesandvideo stockholm fastandbeautifulDoug Sillars
This document discusses 4 simple optimizations that can be made to images on websites to improve performance: 1) Reducing image quality, 2) Using optimized file formats like JPEG, WebP and SVG, 3) Resizing images to actual display size, and 4) Implementing lazy loading so images outside the viewport are not downloaded. It provides examples and data on how each technique can significantly reduce data usage and improve load times.
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
Slides of my talk at DevFest 2016 in Cochabamba, Bolivia (en español - in spanish) about Web APIs for hardware access, the Physical Web, WebVR and other technologies.
Slides of my talk about Progressive Web Apps - The Web strikes again (La Web contraataca) delivered in Cochabamba Bolivia, for DevFest 2016 in November 2016.
Sencha Cmd is a tool used to build Sencha frameworks like Sencha Touch and Ext JS. It provides utilities, compilers, and build tasks to package applications and frameworks. Sencha Cmd uses a configurable and customizable build process based on Apache Ant that can be integrated into continuous integration workflows. It supports scaffolding and building applications, packages, and existing projects through special configuration files and folders.
Client Side Performance for Back End Developers - Camb Expert Talks, Nov 2016Bart Read
Slides for a new talk - honestly, an alpha version (thanks to everyone who came for playing guinea pig) - of my client side performance talk. This is very much aimed towards back-end, or full stack developers more used to working behind the scenes, who may be less comfortable with JavaScript and other front-end performance concerns.
This document compares Sass and LESS, two CSS preprocessors. It introduces some of the key features and benefits of each, including variables, nested rules, mixins, functions, and more. Sass is described as the most mature and powerful option, while LESS is meant to feel like CSS but with added programming features. Examples are provided to illustrate concepts like variables, nesting, mixins and more. Frameworks that use Sass are also listed.
Give Responsive Design a Mobile Performance BoostGrgur Grisogono
The document discusses why mobile web experiences are often slower than desktop experiences and proposes approaches to address this. It notes that mobile is slower due to factors like network latency, available bandwidth, processing power and battery preserving strategies in mobile browsers. It advocates an adaptive responsive design approach using server-side components to reduce downloading of unnecessary assets, optimize assets for specific devices, and eliminate issues caused by high latency and variable bandwidth on mobile networks. This hybrid responsive-adaptive approach aims to provide a faster mobile user experience.
This document discusses building Cordova plugins for iOS. It begins by looking at the anatomy of a Cordova plugin and exploring some examples. It then covers the three step process for developing a Cordova plugin: 1) configuring the plugin, 2) creating Objective-C classes, and 3) writing the code. Specific examples are provided for creating a random number plugin and developing a custom audio FFT data renderer plugin.
The document discusses upcoming features in Sencha frameworks, including common core improvements, chart unification, new themes, Cordova/PhoneGap integration, touch grid enhancements, gadgets as minimal UI components, MVC routing with parameters, and demos. Key areas of focus are performance, compatibility, and building awesome mobile apps across devices.
This document discusses practices and obstacles in agile development based on a presentation. It begins with introductions of the presenter and definitions of key terms like agile development. It then discusses approaches for introducing agile development into a company, such as starting with a pilot project or going "stealth". Technical practices covered include test-driven development, collective code ownership, pair programming, refactoring, and continuous integration. The document concludes with resources for further reading.
At the Kings of Code conference in Amsterdam in May 2008 I presented an updated version of my High Performance Web Sites talk that I first offered at @media in London in 2007. Thanks to the Performance Engineers at Yahoo! for the research!
The document discusses various options for securely storing client-side data, including encrypting data stored in HTML5 storage mechanisms like LocalStorage. It recommends using libraries like Crypto-JS and the Stanford JavaScript Crypto Library to encrypt data before storing it. It provides code examples of overriding Ext.encode and Ext.decode to encrypt all JSON, as well as overriding proxies to encrypt record data. Hybrid mobile app options for securely storing data like SQLite with encryption extensions are also covered.
Exploring the Possibilities of Sencha and WebRTCGrgur Grisogono
This document discusses WebRTC and how it can be used with Sencha and Ext JS. It provides an overview of WebRTC, including what it is, its key features such as media streams and peer connections, and how it enables real-time communication directly in the browser. It also covers related concepts like NAT traversal using STUN, TURN, and ICE and provides code examples for setting up a basic WebRTC video call between two peers.
This document discusses AngularJS basics and best practices. It covers what AngularJS is, why it's used, its core framework features like MVVM, dependency injection, and two-way data binding. It also describes the main framework components like modules, scopes, views, controllers, services, routers, resolvers, and directives. The document concludes with a section on unit testing AngularJS applications with Karma and Jasmine.
This document provides an overview and introduction to JavaScript basics and best practices. It covers what JavaScript is, how engines work, language features, and future developments like ES6. The basics section discusses types, variables, expressions, statements, functions, objects, and prototypical inheritance. The best practices section focuses on techniques for enterprise applications. The document is intended to help front-end developers learn JavaScript fundamentals.
The document discusses the divergence of goals between the W3C and WHATWG efforts for HTML specifications. It notes that the W3C is focused on creating snapshots of HTML according to its process, while WHATWG is focused on the canonical description and adding new features as needed. It also introduces web components as a way to build reusable custom elements using existing web technologies like HTML and JavaScript.
This document provides tips for boosting performance in React and Webpack applications. It discusses various optimizations that can improve build speed and bundle size for development and production environments. Some of the key recommendations include using PureComponent to minimize unnecessary re-renders, avoiding large JSX blocks, code splitting, tree shaking with Webpack 2, and leveraging tools like HappyPack, UglifyJS, and CSS loaders.
Delivering Optimal Images for Phones and Tablets on the Modern WebJoshua Marantz
Evolving mobile hardware and networks have made it challenging for web sites to deliver an optimal experience to each client. If you send the same image to both a WiFi Retina tablet and a 3G phone, you compromise speed and bandwidth cost against image quality. We'll look at using HTML and CSS image markup, CDNs, HTTP caching directives and how WPO can deliver a great UX with minimal effort.
The document discusses techniques for high resolution images on the web, including adaptive images, srcset attribute, <picture> element, and browser scaling. It provides examples of client-side and server-side solutions for serving adaptive images, such as libraries and services. Guidelines are given for when to use techniques like SVG, icon fonts, and media queries to control images. The document concludes that bandwidth will limit downloading high resolution images over slower networks and to trust cellular optimizations.
Images blast off at the speed of Jamstack! - Alba Silvente FuentesWey Wey Web
This document discusses optimizing images for web performance. It begins by introducing common issues like large image file sizes and outdated formats that hurt performance. It then provides solutions for each issue, such as compressing images, using next-generation formats like WebP, adding width and height attributes, responsive images for different resolutions and sizes, art direction for different devices, lazy loading images, and caching images. The document ends by describing a case study of an image component built in Storyblok to help implement these optimizations.
This document discusses optimizing images and video delivery for mobile websites. It provides 4 simple optimizations for images: quality, format, sizing, and lazy loading. For image quality, it recommends 85% quality for most images. For format, it suggests using webp, svg, and jpeg. For sizing, it discusses using responsive images at different breakpoints. For lazy loading, it notes the performance benefits. It also covers optimizing video delivery through formats, sizing, preloading, and streaming using adaptive bitrates in the manifest file. The goal is to reduce file sizes, speed up loading, and improve the user experience on mobile.
CSS Day 2017 Faenza, Italy.
They are a W3C recommendation since novembre 2016, featuring the new "picture" tag and the "srcset" and "sizes" attributes in the "img" tag.
In this talk we'll see what they are, how to use them in which cases to prefer what usage, and some best practices to give a boost you your web applications or websites.
This document discusses optimizing images and video for fast delivery on mobile websites. It provides 4 simple optimizations for images: quality, format, sizing, and lazy loading. For video, it recommends stripping audio from silent videos, resizing videos for mobile, and starting video streaming at lower bitrates. Testing tools mentioned include WebPageTest, HTTPArchive, ImageMagick, and libraries for lazy loading and responsive images. The overall message is that images and video can be both beautiful and fast with the right optimizations.
Responsive Web Design and Retina Displayjimbatamang
Responsive web design allows websites to automatically resize and adapt to different screen sizes. Over 1.2 billion people use mobile devices for the web, with 50% of internet traffic coming from mobile in Asia and Africa. Responsive sites use techniques like flexible images, viewport meta tags, CSS media queries and CSS sprites to dynamically change the layout depending on screen width. This allows a single website to be accessed easily on everything from mobile phones to desktop computers.
Responsive web design allows websites to automatically resize and adapt to different screen sizes. Over 1.2 billion people use mobile devices for the web, with 50% of internet traffic coming from mobile in Asia and Africa. Responsive sites use techniques like flexible images, viewport meta tags, CSS media queries and CSS sprites to dynamically change the layout depending on screen width. Frameworks like Bootstrap simplify the process, while custom coding requires more work but more control over designs.
The document discusses various tools and techniques for optimizing mobile and web performance, including testing sites using tools like WebPageTest and Video Optimizer, optimizing delivery of content like images, videos and text through techniques like compression and CDNs, and best practices for mobile video streaming to reduce startup delays and prevent stalls. Common issues covered include large file sizes, unnecessary connections, and choosing video streams appropriate for available bandwidth.
Doug Sillars discusses optimizing images and video delivery for fast loading on mobile. He provides 4 simple optimizations for images: adjusting quality, format, sizing through responsive images, and lazy loading. For video, he examines startup delays and how to balance network load through adaptive bitrate streaming. Proper preloading and avoiding 3rd party interference can improve video start. Tools like WebPageTest and ImageMagick help optimize and measure performance.
Iasi code camp 12 october 2013 responsive images in the wild-vlad zelinschiCodecamp Romania
The document discusses responsive images and different solutions for optimizing images for responsive design. It begins by providing context on responsive design and the challenges of supporting different devices. It then focuses on images, explaining their importance but also the issues they can cause for performance. The document evaluates several solutions for responsive images including CSS media queries, SVG, Picturefill.js and the proposed picture element. It concludes by noting there is no perfect solution and developers should choose based on their specific needs and constraints.
[CSSDevConf] Adaptive Images in Responsive Web Design 2014Christopher Schmitt
The web doesn't stop at the desktop anymore. Our image assets need to do more than look good in one context. In this talk, I look at how images like JPEG, GIFs, SVG, Icons, Unicode, and more can be used in a multi-device environment.
Fresco is an image loading library that can greatly improve the performance and memory usage of displaying images in Android apps. It uses techniques like progressive JPEG, focus point cropping, and animations to load images efficiently in the background without blocking the UI. Many large apps like Facebook and Wikipedia use Fresco to display images smoothly while keeping memory usage low. Fresco provides up to a 90% reduction in image loading errors compared to default image loading approaches in Android.
High Performance Images: Beautiful Shouldn't Mean Slow (Velocity EU 2015)Guy Podjarny
The web is becoming increasingly image rich. Between high-resolution mobile screens, Pinterest-style design, and big background graphics, the average image payload has more than doubled in the last three years. While visually appealing, these images carry a substantial performance cost, and — if not optimized correctly — can make a web experience slow and painful, no matter how beautiful it is.
In this tutorial we’ll discuss ways that let you provide the eye-pleasing experience you want without sacrificing your site’s performance.You’ll learn about the three primary aspects of image optimization:
- Image compression: how to best encode your images, delivering the same picture with the fewest bytes
- Image loading: once your files are as small as they can be, we’ll cover the best ways to make them show up quickly in the browser
- Operationalizing image optimization: different tools and techniques for integrating image optimization on your site
Talk given at Velocity Conf EU 2015: http://velocityconf.com/devops-web-performance-eu-2015/public/schedule/detail/45013
Performance is important for user experience. While some myths exist around performance, such as XML being much slower than JSON, tests show they are essentially identical. Easy techniques can improve performance, such as using content delivery networks and image compression. Emerging standards like HTTP 2.0, server-side push, and WebSockets allow pushing data to clients. Frameworks like MessagePack provide smaller binary serialization. Proper use of threading, reusing elements, preloading, and prioritizing content can also boost performance. The perception of speed matters - even 100ms delays impact user behavior.
The document discusses responsive images and issues around their implementation. It begins by outlining the new <picture> element and srcset/sizes attributes that allow images to adapt based on screen size and resolution. It then discusses challenges like managing many images, the need for image breakpoints to determine appropriate file sizes, and the tension between responsive images and the browser's lookahead parser. Overall, the document examines both the promise and difficulties of responsive images on the modern web.
This discussion looks at different opportunities and techniques where project managers, designers, and developers can improve performance. The techniques presented range from beginner to advanced so just about anyone can walk away with something to apply to their next project. Topics cover concepts and planning, workflows, tools and services, plugin recommendations, and there are links to code examples as well.
Centralized applications are easy. Your entire system lives in one physical location and you can reason about, vertically scale, and manage your system without a lot of friction. Unfortunately none of us build applications this way anymore. Our systems are distributed, have external dependencies, and may even have to be geographically redundant.
Dealing with distribution is a must at Fastly where our applications are deployed all over the world and must be highly performant and resilient. But there are some inherent challenges related to designing and building systems that scale. In this talk we’ll go over the key lessons we learned while building our Image Optimization service. What worked, what didn’t, the tradeoffs we made, and what can you do as a systems engineer to learn from our experiences while building your own applications.
Introduction to Responsive Web Design http://tinyurl.com/9ldo4c6
Includes a sample project built from scratch in Node.js using LESS available on Github
Session delivered at Malaga, Spain in the Wey Wey Web conference about how to use and integrate IA, ChatGPT and other LLMs into your websites including: plugins, how ChatGPT browses the web, and how to use prompt engineering for formatted data generation.
AI is everywhere nowadays, but if you are a web developer, you don't know where it fits in your work.
In this session, you will quickly understand how to add AI models to your website. You will also see how ChatGPT plugins work, how to create one, and how to gain control of the content used by LLMs.
In this session, you'll learn about API integration with OpenAI and Google LaMDA APIs, tokens, and how to keep things secure while scaling up. We'll walk you through real examples and hands-on demos, so you'll be ready to bring AI magic to your web projects quickly.
But that's not all! We'll also discuss how to create your plugin for LLMs, how Bing Chat and ChatGPT browser plugin works when browsing your web content, and how to opt out or optimize the results for AI. We'll cover basic concepts of data preprocessing, structuring, and how to tweak the model for your needs. Let's have fun and unlock ChatGPT and AI's power together!
The document discusses various features and capabilities of progressive web apps (PWAs). It covers topics like installation experiences, app experiences, platform integration, and more. Some key points include:
- PWAs can be installed on devices for app-like experiences while working offline or online. Features like custom install buttons and enhanced install dialogs improve this experience.
- App-related capabilities include theming, icons, splash screens, and desktop enhancements. Proper icons and splash screens optimize the experience across platforms.
- Platform integration examines modern authentication, background syncing, and OS integration using APIs for files, protocols, notifications, and more.
- The document provides an overview of developing PWAs
The document discusses the modern Progressive Web App (PWA) development model. It covers key aspects of PWAs like service workers, app lifecycles, installation experiences, and platform integration. The goal is to build PWAs that provide native-like experiences across devices and platforms while avoiding app stores when possible by using technologies like web app manifests, service workers, and app shell architecture.
This document discusses techniques for optimizing web performance on mobile. It begins by noting common metrics for performance goals like first meaningful paint and interactive. It then discusses challenges of mobile like slower cellular networks and how users leave pages that take over 3 seconds to load. The rest of the document provides tips in several areas: optimizing the first load, improving data transfer, better resource loading, optimizing images, and enhancing the user experience. Specific techniques mentioned include avoiding extra roundtrips, using modern cache controls, preloading resources, lazy loading images, leveraging new APIs, and getting reports from the browser. The overall message is that web performance should be a top priority.
The document discusses progressive web apps (PWAs) as an innovative new way to create mobile applications. PWAs use modern web capabilities to deliver native-like experiences to users. PWAs are easy to update and provide instant distribution to users. While support exists across browsers and operating systems, challenges remain around installation models and full capabilities on all platforms. Overall, PWAs provide the best of both web and native applications.
Slides for a talk at Web Directions 2018 in Melbourne, Australia. The current state of PWAs as August 2018 and the challenges and problems we have, and how to deal with them.
Maximiliano Firtman gave a presentation on extreme web performance for mobile devices. He covered:
1. The current state of the mobile web including platforms, browsers and web apps
2. Factors affecting mobile performance like perception, hardware differences, and network speeds
3. Tools for measuring performance like emulators, online tools, and HTML5 APIs
4. Optimizing initial loading and the above-the-fold content in the first second
5. Ensuring responsiveness through consistent frame rates, immediate feedback, and smooth scrolling.
This document discusses the future of mobile development and how constant change will impact it. Over the past 18 years, mobile technology has advanced significantly from early devices like the Blackberry and Windows Mobile to modern smartphones like the iPhone and Android. However, some things have remained constant like performance issues, battery life frustrations, and how users get accustomed to new technologies quickly. The future of mobile is unknown, but boundaries between native, web and cloud will blur and users will be in control. Devices will act as hubs and sync smartly while wearables grow. Developers must embrace change, focus on content over apps, and optimize for performance and ubiquity across diverse platforms.
This document summarizes Max Firtman's presentation on breaking limits with HTML5 on mobile. The presentation covered hacks for improving the user interface, such as making the screen full screen, supporting high resolution canvases, and handling different screen densities. It also discussed hacks for enhancing device interaction like accessing the device's camera and notifications. Finally, it provided ways to enhance apps through tricks like customizing the home screen title and live tiles. The overall presentation focused on pushing the boundaries of HTML5's capabilities on mobile through creative coding techniques.
The document discusses Google Glass development. It covers the Glass experience, developing Glassware applications using the Mirror API and Google Glass Development Kit (GDK), the timeline interface, the experimental browser, and coding examples. Next steps discussed include the upcoming GDK, localization, and more voice commands. The presentation encourages understanding the Glass experience and interfaces and notes this is an early stage for Glass development.
The document is a presentation about mobile development. It discusses how mobile phones have evolved from simple phones to multifunctional devices that are carried everywhere and used frequently. It also covers different mobile platforms, programming languages, distribution methods, business models and trends in mobile development. The presenter emphasizes creating good user experiences across multiple platforms using techniques like responsive design.
The document contains slides from a presentation by Maximiliano Firtman on May 21, 2012 in Buenos Aires, Argentina about mobile HTML5 and new APIs. It discusses challenges in mobile web development like different browsers, platforms, and capabilities. It also covers specific HTML5 features like offline installation, geolocation, and their support across mobile browsers. The presentation aims to help understand the current state of mobile web development.
This document contains the slides and notes from a workshop on breaking HTML5 limits on mobile JavaScript presented by Max Firtman on May 29, 2012 in San Francisco. The workshop covered various challenges in mobile web development including differences between platforms, native vs web applications, inconsistent standards support, lack of documentation from vendors, and user experience fragmentation across devices. It provided examples of these issues and discussed strategies for addressing limitations and problems in the mobile space.
Max Firtman is a mobile and web developer based in Buenos Aires, Argentina. PhoneGap is an open source framework that allows building cross-platform mobile apps using HTML, CSS, and JavaScript. It works by packaging web apps so they can be deployed and run as native mobile applications. PhoneGap supports many mobile platforms but each still requires separate compilation. Debugging mobile web apps can also be challenging. The speaker provides advice around maintaining a single codebase, embracing platform differences, and focusing on performance and the best experience for each context.
The document appears to be notes from a presentation on mobile web development. It discusses various topics like the differences between native and web applications, challenges with mobile web like multiple platforms and browsers, and definitions around terms like mobile web and HTML5. Maximiliano Firtman is identified as the presenter and he provides opinions and insights on issues in developing for the mobile web.
Este documento presenta una introducción a HTML5. Resume que HTML5 es un estándar emergente que agrega nuevas etiquetas semánticas, formularios, multimedia y APIs para gráficos, almacenamiento, geolocalización y más. También permite crear aplicaciones multiplataforma con características nativas usando solo HTML, CSS y JavaScript.
This document summarizes Max Firtman's presentation on using the mobile browser as a platform. Some key points from the presentation include that mobile is more about the user experience of being personal, focused and context-aware. However, developing for mobile browsers is challenging due to the many platforms, lack of documentation, and difficulty testing and debugging across devices. HTML5 aims to address these issues with standards, though the landscape remains complex with many browsers having limitations or proxies.
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Programming Foundation Models with DSPy - Meetup SlidesZilliz
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfChart Kalyan
A Mix Chart displays historical data of numbers in a graphical or tabular form. The Kalyan Rajdhani Mix Chart specifically shows the results of a sequence of numbers over different periods.
HCL Notes and Domino License Cost Reduction in the World of DLAUpanagenda
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on integration of Salesforce with Bonterra Impact Management.
Interested in deploying an integration with Salesforce for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Driving Business Innovation: Latest Generative AI Advancements & Success StorySafe Software
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
OpenID AuthZEN Interop Read Out - AuthorizationDavid Brossard
During Identiverse 2024 and EIC 2024, members of the OpenID AuthZEN WG got together and demoed their authorization endpoints conforming to the AuthZEN API
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
58. New format: FLIF
• iPhone 7+
• Desktop
1.5Mb
0.8Mb
Free Lossless Image Format - Alpha!
-43%lossless
59. New format: FLIF
• iPhone 7+
• Desktop
1.5Mb
0.8Mb
Free Lossless Image Format - Alpha!
-43%lossless
Great for Responsive using Progressiveness
60. Use Service Workers
• You can convert files on the fly
• There is a BPG SW-based decoder
future
61.
62. final thoughts
- performance is key for success
- don’t send pixels that won’t be rendered
- find the balance: file size, memory, resolution
- use new formats and client hints