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.
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.
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.
The document provides an overview of optimisations that can be made to apps to improve performance and speed. It discusses how fast is perceived by humans, benchmarking current performance, optimising images through resizing, formatting and lazy loading, reducing payload sizes through caching and content delivery, and replacing animated GIFs with optimized video formats. The document contains tips and examples for profiling apps and making optimizations to deliver content quickly.
Velocity 2012: The 90-Minute Mobile Optimization Life CycleStrangeloop
Strangeloop VP Technology Hooman Beheshti demonstrates – in real time – the impact of advanced mobile optimization techniques on another unsuspecting website.
Over the course of the workshop, witness the mobile optimization life cycle, from start to finish:
- Taking the “Before” shot: Choosing a guinea pig site and benchmarking its current performance, focusing on load time, start render time and round trips.
- Iterating through core best practices, including: Keep-Alive, Compression, Far Future Expiry, and Use a CDN.
- Applying a set of advanced, automated, mobile-specific FEO techniques.
- Taking the “After” shot: Analyzing results using different browsers.
The document provides tips for optimizing app performance and speed. It discusses how fast is perceived by humans, benchmarking current performance, optimizing images through resizing, format changes, quality adjustments, caching and lazy loading. Other tips include minimizing JSON response sizes through encoding, improving startup speed, and handling animated GIFs and videos efficiently. Testing tools are recommended to continuously monitor performance. The overall message is that applications can provide beautiful user experiences while also being fast.
Your visitors interact with content, not with your website. Content consistency is crucial to a successful user experience. Re-publishing is one option but it’s an inside-out action that relies on the authority controlling where the information goes. An API frees your data and the responsibility to where it is published and accessed. Mobile is a major consumer for your API but not every API is setup to handle the mass of requests coming from those devices. Learn how to mobile devices consume API’s with limited or low bandwidth and how to to tailor your API to be as efficient and effective as possible.
http://environmentsforhumans.com/2012/doteduguru-summit/
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.
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.
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.
Selecting and deploying automated optimization solutionsPatrick Meenan
This document discusses various methods for automating front-end optimization. It describes how HTML rewriting solutions can optimize HTML through proxies or in-app plugins. It also discusses when certain optimizations are best done by machines versus humans. The document outlines different architectures for front-end optimization solutions, including cloud-based and on-premises options, and considers when each is most appropriate. It emphasizes the importance of testing solutions before deploying and of monitoring performance after deployment.
Measuring the visual experience of website performancePatrick Meenan
This document discusses different methods for measuring website performance from both a synthetic and real-user perspective. It introduces the Speed Index metric for quantifying visual progress and compares the Speed Index of Amazon and Twitter. It also covers the Chrome resource prioritization and different challenges around visual performance metrics.
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 improving mobile web performance. It notes that mobile is different than desktop due to limitations in power, memory, battery and connections on mobile devices. Sites are growing larger in size which slows performance, and users strongly prefer faster loading sites. A variety of tools can measure performance, and waterfalls charts show where time is spent loading pages between the server and client. Optimizations discussed include enabling caching, compression, image resizing, lazy loading images, inlining images and scripts where possible, minifying assets, and delivering scripts and styles in a single HTTP request through techniques like application caching.
Happy Browser, Happy User! NY Web Performance Meetup 9/20/19Katie Sylor-Miller
xPerformance is fundamentally, a UX concern. Sites that are slow to render or janky to interact with are a bad user experience. We strive to write performant code for our users, but users don’t directly interact with our code - it all happens through the medium of the browser.
The browser is the middleman between us and our users; therefore to make our users happy, we first have to make the browser happy. But how exactly do we do that?
In this talk, we’ll learn how browsers work under the hood: how they request, construct, and render a website. At each step along the way, we’ll cover what we can do as developers to make the browser’s job easier, and why those best practices work. You’ll leave with a solid understanding of how to write code that works *with* the browser, not against it, and ultimately improves your users’ experience.
This document provides a summary of techniques for optimizing image performance on mobile websites. It discusses optimizing image quality, format, sizing through responsive images, and lazy loading images. The techniques can significantly reduce data usage and improve page load speeds. Optimizing images is one of the most effective ways to improve mobile performance.
Delivering Fast and Beautiful Images outlines 4 simple optimizations for image performance:
1) Reduce image quality for smaller file sizes without noticeable quality loss. 2) Use optimized formats like WebP and responsive images. 3) Resize images to actual display size. 4) Lazy load images to speed page loads. The document provides examples and data showing these techniques can significantly reduce data usage and page load times.
Mobile App and Web Performance TestingDoug Sillars
The document discusses optimizing mobile and web performance. It provides tools for testing performance, such as Video Optimizer and WebPageTest. It also gives best practices for optimizing content delivery, such as using CDNs to reduce delivery time, compressing text, resizing and optimizing image quality and format, and choosing appropriate video bitrates. The overall goals are to improve loading speed, reduce bandwidth usage, and create engaging mobile experiences.
This document discusses optimizing mobile application performance through testing. It begins by explaining that performance is a human perception, with delays of 100ms feeling instantaneous, 1s still allowing for an uninterrupted train of thought, and 10s being the limit to maintain focus. It then discusses benchmarking applications to understand current performance, identifying fixes, optimizing through things like image size and format, caching, and lazy loading. The overall message is that thorough testing across devices and networks is needed to optimize mobile applications for speed.
Delivering Fast and Beautiful Images outlines 4 simple optimizations for image performance: 1) reducing image quality, 2) using optimized formats like WebP and JPEG, 3) sizing images appropriately, and 4) lazy loading images. The document provides data on current image usage and the significant performance benefits realized by implementing these optimizations, such as reducing page load times by up to 15 seconds. Proper image optimization is key to delivering both fast and visually appealing content.
An isometric drawing shows an object in 3D with all three axes inclined equally at 120 degrees. Key features include:
- All three dimensions are shown in a single view
- Dimensions can be measured directly from the drawing
- Common examples include isometric views of geometric shapes, objects, assemblies and sectioned components
- Construction involves maintaining equal angles between the three axes and using an isometric scale to reduce true dimensions.
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.
- JISC is an internationally respected UK organization that supports education and research through information technology.
- JISC needs to increase its visibility, responsiveness, and transparency to better engage with stakeholders.
- The presentation provides guidance on properly using the JISC brand, logo, and communications guidelines in marketing and outreach materials.
The document discusses three case studies of companies that received assistance from Advanse to meet their international business needs. In the first case study, Advanse provided executive internships in the US to prepare managers for a new power plant in Egypt. The second case involved offering training programs in Washington DC to develop the skills of Italian youth. The third highlighted assisting a French aerospace manufacturer to form a partnership to produce proprietary products in the US. In all cases, Advanse's solutions helped the clients achieve their goals of gaining experience, developing skills, and successfully expanding operations internationally.
Is the domain structure of your website holding you back from ranking well in country-specific or global search engines? Find out which domain structures tend to work better for ranking in search engines
Burstable Enterprise Shared Trunks (BEST) is a service enhancement for Verizon's VoIP services that allows customers to leverage trunking resources across their enterprise. With BEST, customers can utilize idle trunk capacity at one location to accommodate increased traffic at another location. This allows customers to purchase fewer concurrent call ports at each location while sharing resources across their enterprise. BEST tracks trunk usage and allows locations to "burst" over their ordered quantity if other locations have available capacity.
The document provides information about various terms and their connections to countries or places.
1) It defines the term "serendipity" and connects it to the discovery of America and Sri Lanka.
2) It explains that the province of Zeeland in the Netherlands gave its name to New Zealand.
3) It describes the Battle of Trafalgar painting and Nelson's signal flag, connecting it to England.
4) It notes that the Southern Lights were named Aurora Australis from the Latin word for "south", similarly to the name Australia.
Adapted Rhino 3000 Online Rhino Academy Training E Uv2proxBert
The document introduces the RHINO 3000 label printer. It is designed for residential, security, and audio/video installers. The printer features an impact-resistant design, backlit display, automatic shutoff, and hot keys for common label types. It can print on various sized labels and heat shrink tubes. The document also provides information on the different label materials available and their applications.
The document describes a vacation to Coronado Island at the Glorietta Bay Inn, with photos showing a room patio overlooking Glorietta Bay and the Pacific Ocean in the distance. The inn is located near the beach, where the author took walks along the shore.
How many words can you eliminate with 1 great picture? Got a product? Got an Event? What's your story? Got YOUR paddle? Let us tell YOUR story... One your customers will remember!
Adapted Rhino 6000 Online Rhino Academy Training EuproxBert
The RHINO 6000 is an affordable industrial label printer with easy-to-use features. It has impact bumpers to protect it, hot keys for quick formatting, and a rechargeable lithium-ion battery for long battery life. The large backlit display allows previewing and editing labels. The auto-cutter and cassette ejection system make label handling easy. It supports 24mm labels, stores 1000 labels, and has pre-programmed industry terms. Users can print from Windows programs, upgrade firmware, and upload/download label files.
1) The influenza A (H1N1) virus, also known as swine flu, first emerged in 2009 and has had effects on both public health and the global economy.
2) Economically, industries involving travel, tourism, and leisure saw declines as fears of the pandemic led to reduced travel and canceled plans. Stock prices in these industries fell.
3) Countries where the virus spread more widely, such as Mexico, experienced heavier economic impacts as illness and fears of infection led to declines in economic activity, retail, and service industries. The pandemic exacerbated economic troubles in vulnerable nations.
Would You Like Fries with that Virtual 10 x 10?Michelle Bruno
Based on the blog posts as Midcourse Corrections and articles in Convene, this presentation presents the case for selling online interactive trade show booth upgrades.
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.
The document discusses techniques for optimizing mobile web performance. It begins by explaining why mobile web performance optimization (MWPO) is important given the slower mobile networks, processors, browsers, and users on mobile devices. It then debunks several myths about mobile web development. The document provides an overview of different mobile browsers and categories them by capabilities. It emphasizes the importance of testing on real devices and networks. The document outlines 14 rules for mobile web performance optimization including making fewer HTTP requests, using content delivery networks, adding expiration headers, gzipping components, putting stylesheets at the top, and lazy loading components. It also provides additional tips for mobile optimization.
HTML5 is the Future of Mobile, PhoneGap Takes You There Todaydavyjones
PhoneGap allows developers to build mobile apps using HTML, CSS and JavaScript instead of relying on platform-specific languages like Objective-C or Java. The document discusses PhoneGap's capabilities and advantages, including writing apps once that run on multiple platforms, using web technologies that are widely known by developers, and leveraging growing browser capabilities on mobile through HTML5. It also outlines PhoneGap's APIs, tools, libraries, and community to help developers get started building cross-platform mobile apps.
Todays web front-end applications architecture. All resources shared at the end of presentation.
Full sources on:
https://lnkd.in/gyQuFKK
https://lnkd.in/gZK8Sp3
PhoneGap allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. It works by embedding a webview component within a native container, and provides a bridge for JavaScript to access some device APIs. PhoneGap has grown a large community and supports many mobile platforms. While it allows cross-platform development, apps are still packaged natively and some limitations remain. The future roadmap includes improved plugin support and new features like web sockets and background services to enhance the capabilities of hybrid mobile apps.
The technology landscape is changing with every passing year. The technology landscape is changing with every passing year. More people than ever before are now online. It also means that the ways that people are accessing the web all over the world are changing, too.
In this talk, I talk about the different techniques coupled with few case studies on how to improve front-end performance.
How to be Successful with Responsive Sites (Koombea & NGINX) - EnglishKoombea
Can't decide if your organization should build a mobile app or responsive website? Do you interact with consumer-facing products or large scale developments?
This guide gives you an idea of what Responsive is, why you should use it, and then DIGS deep into the technical aspect and how to optimize for performance.
By: David Bohorquez & Rick Nelson
Web Performance tuning presentation given at http://www.chippewavalleycodecamp.com/
Covers basic http flow, measuring performance, common changes to improve performance now, and several tools and techniques you can use now.
We’ll get deep in the well-known techniques for website’s performance (from Steve Souders and others) and how real mobile devices reacts to each one. Are mobile browsers compatible with CSS Sprites or with Lazy Load Script? What about inline images and canvas? What are the big differences between desktop and mobile web performance?
Performance Optimization for Mobile Web | Fresh Tilled SoilFresh Tilled Soil
In this presentation Fresh Tilled Soil takes a discerning look at how the mobile web has been transformed to date, and where it will go from here. We'll talk about the latest tools for testing and debugging websites, newest HTML5/CSS3/JavaScript technologies, and the best strategies for mobile website performance & optimization. Finally, we’ll reveal some of the exciting, not yet released web API’s that will bring the mobile-web user experience to a whole new level!
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?Sacha Leprêtre
Google Developer Group Montreal:
"We will summarize the recent conference Google Chrome Dev Summit day1 and day2 of mid-November and talk about the many new technologies around Chrome you must know !"
Presentation from +Sacha Leprêtre Nteo Inc.
This document discusses web performance optimization techniques. It is a summary of rules for web performance by Mark Tomlinson, who has 27 years of experience in performance. Some of the key techniques discussed include reducing HTTP requests, optimizing file compression, minimizing code, improving web font and image performance, prefetching resources, avoiding unnecessary redirects, and optimizing infrastructure and databases. The document emphasizes measuring performance through load testing and monitoring to identify bottlenecks.
The document discusses various technologies for building web applications, including HTML5. It begins by explaining the anatomy of a web app, including the server-side components and use of backend services. It then covers different types of apps - native, web, and hybrid. A large portion of the document focuses on HTML5, describing new structural elements, forms, multimedia capabilities like audio and video, local storage options, and geolocation. It concludes by mentioning technologies like PhoneGap/Cordova for building cross-platform apps and WebSockets for real-time connections.
Velocity building a performance lab for mobile apps in a day - finalAshray Mathur
This document discusses building a mobile app performance lab in a day. It covers three essential steps: 1) instrumenting apps to collect key performance metrics, 2) setting up mobile infrastructure to run automated tests on real devices, and 3) establishing a continuous integration process to repeatedly test, measure, analyze, fix, and retest performance. Specific techniques covered include using boomerang.js for app instrumentation, WebDriver for automation, and collecting metrics on both iOS and Android platforms. The document emphasizes establishing an automated testing process to iteratively improve mobile app performance.
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...Yottaa
The document provides guidance and best practices for developing mobile apps. It discusses prioritizing platforms based on usage share, targeting the needs and behaviors of different user groups, and the advantages of native apps over HTML5 for user experience. It also covers tools for testing across browsers and devices, such as Ringmark, Modernizr, and network monitoring with ARO. Thorough testing on real networks is emphasized to ensure apps degrade gracefully on unstable connections.
Image-ine That: Image Optimization for Conversion MaximizationYottaa
This document discusses the growing importance of mobile web performance and optimization. It notes that mobile traffic and commerce are increasing rapidly, but mobile networks and devices are often slower than desktop. Users expect fast page loads and have low tolerance for slow sites on mobile. The document provides tips and strategies for optimizing images, code size, and delivery through techniques like compression, sprites, responsive design, and third-party integration. It also discusses tools for testing and monitoring mobile performance across different networks and devices.
This document provides an overview of modern web development including products, languages, frameworks, content management systems, architecture, services and case studies. It discusses key concepts like what constitutes a product versus a project, popular programming languages for web and mobile including JavaScript, frameworks like Express and React, CMS options, client-side rendering, and using external services.
When creating mobile apps, solid performance is now mandatory. We'll expose the patterns and anti-patterns that will impact this critical trait of your apps, while building a performant mobile app live.
This presentation was made in NextStep Global 2015. See the recording https://www.outsystems.com/nextstep/2015/mobile-apps-that-perform/
Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann
This document summarizes a talk given by Chris Heilmann at ForwardJS in 2015. Heilmann discusses the state of web development technologies and how developers have focused too much on experimental features that are not ready for production use. This has led to a fragmented web where browsers implement features differently. He argues developers should focus on standardizing and improving existing web standards rather than constantly introducing new technologies. ES6 is highlighted as a priority for improving existing JavaScript.
Similar to Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014 (20)
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.
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.
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.
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 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.
How UiPath Discovery Suite supports identification of Agentic Process Automat...DianaGray10
📚 Understand the basics of the newly persona-based LLM-powered Agentic Process Automation and discover how existing UiPath Discovery Suite products like Communication Mining, Process Mining, and Task Mining can be leveraged to identify APA candidates.
Topics Covered:
💡 Idea Behind APA: Explore the innovative concept of Agentic Process Automation and its significance in modern workflows.
🔄 How APA is Different from RPA: Learn the key differences between Agentic Process Automation and Robotic Process Automation.
🚀 Discover the Advantages of APA: Uncover the unique benefits of implementing APA in your organization.
🔍 Identifying APA Candidates with UiPath Discovery Products: See how UiPath's Communication Mining, Process Mining, and Task Mining tools can help pinpoint potential APA candidates.
🔮 Discussion on Expected Future Impacts: Engage in a discussion on the potential future impacts of APA on various industries and business processes.
Enhance your knowledge on the forefront of automation technology and stay ahead with Agentic Process Automation. 🧠💼✨
Speakers:
Arun Kumar Asokan, Delivery Director (US) @ qBotica and UiPath MVP
Naveen Chatlapalli, Solution Architect @ Ashling Partners and UiPath MVP
Improving Learning Content Efficiency with Reusable Learning ContentEnterprise Knowledge
Enterprise Knowledge’s Emily Crockett, Content Engineering Consultant, presented “Improve Learning Content Efficiency with Reusable Learning Content” at the Learning Ideas conference on June 13th, 2024.
This presentation explored the basics of reusable learning content, including the types of reuse and the key benefits of reuse such as improved content maintenance efficiency, reduced organizational risk, and scalable differentiated instruction & personalization. After this primer on reuse, Crockett laid out the basic steps to start building reusable learning content alongside a real-life example and the technology stack needed to support dynamic content. Key objectives included:
- Be able to explain the difference between reusable learning content and duplicate content
- Explore how a well-designed learning content model can reduce duplicate content and improve your team’s efficiency
- Identify key tasks and steps in creating a learning content model
Discovery Series - Zero to Hero - Task Mining Session 1DianaGray10
This session is focused on providing you with an introduction to task mining. We will go over different types of task mining and provide you with a real-world demo on each type of task mining in detail.
Develop Secure Enterprise Solutions with iOS Mobile App Development ServicesDamco Solutions
The security of enterprise apps should not be overlooked by organizations. Since these apps handle confidential finance/user data and business operations, ensuring greater security is crucial. That’s why, businesses should hire dedicated iOS mobile application development services providers for creating super-secured enterprise apps. By incorporating sophisticated security mechanisms, these developers make enterprise apps resistant to a range of cyber threats.
Content source - https://www.bizbangboom.com/articles/enterprise-mobile-app-development-with-ios-augmenting-business-security
Read more - https://www.damcogroup.com/ios-application-development-services
Finetuning GenAI For Hacking and DefendingPriyanka Aash
Generative AI, particularly through the lens of large language models (LLMs), represents a transformative leap in artificial intelligence. With advancements that have fundamentally altered our approach to AI, understanding and leveraging these technologies is crucial for innovators and practitioners alike. This comprehensive exploration delves into the intricacies of GenAI, from its foundational principles and historical evolution to its practical applications in security and beyond.
Self-Healing Test Automation Framework - HealeniumKnoldus Inc.
Revolutionize your test automation with Healenium's self-healing framework. Automate test maintenance, reduce flakes, and increase efficiency. Learn how to build a robust test automation foundation. Discover the power of self-healing tests. Transform your testing experience.
Retrieval Augmented Generation Evaluation with RagasZilliz
Retrieval Augmented Generation (RAG) enhances chatbots by incorporating custom data in the prompt. Using large language models (LLMs) as judge has gained prominence in modern RAG systems. This talk will demo Ragas, an open-source automation tool for RAG evaluations. Christy will talk about and demo evaluating a RAG pipeline using Milvus and RAG metrics like context F1-score and answer correctness.
Choosing the Best Outlook OST to PST Converter: Key Features and Considerationswebbyacad software
When looking for a good software utility to convert Outlook OST files to PST format, it is important to find one that is easy to use and has useful features. WebbyAcad OST to PST Converter Tool is a great choice because it is simple to use for anyone, whether you are tech-savvy or not. It can smoothly change your files to PST while keeping all your data safe and secure. Plus, it can handle large amounts of data and convert multiple files at once, which can save you a lot of time. It even comes with 24*7 technical support assistance and a free trial, so you can try it out before making a decision. Whether you need to recover, move, or back up your data, Webbyacad OST to PST Converter is a reliable option that gives you all the support you need to manage your Outlook data effectively.
The Zaitechno Handheld Raman Spectrometer is a powerful and portable tool for rapid, non-destructive chemical analysis. It utilizes Raman spectroscopy, a technique that analyzes the vibrational fingerprint of molecules to identify their chemical composition. This handheld instrument allows for on-site analysis of materials, making it ideal for a variety of applications, including:
Material identification: Identify unknown materials, minerals, and contaminants.
Quality control: Ensure the quality and consistency of raw materials and finished products.
Pharmaceutical analysis: Verify the identity and purity of pharmaceutical compounds.
Food safety testing: Detect contaminants and adulterants in food products.
Field analysis: Analyze materials in the field, such as during environmental monitoring or forensic investigations.
The Zaitechno Handheld Raman Spectrometer is easy to use and features a user-friendly interface. It is compact and lightweight, making it ideal for field applications. With its rapid analysis capabilities, the Zaitechno Handheld Raman Spectrometer can help you improve efficiency and productivity in your research or quality control workflows.
"Building Future-Ready Apps with .NET 8 and Azure Serverless Ecosystem", Stan...Fwdays
.NET 8 brought a lot of improvements for developers and maturity to the Azure serverless container ecosystem. So, this talk will cover these changes and explain how you can apply them to your projects. Another reason for this talk is the re-invention of Serverless from a DevOps perspective as a Platform Engineering trend with Backstage and the recent Radius project from Microsoft. So now is the perfect time to look at developer productivity tooling and serverless apps from Microsoft's perspective.
Connector Corner: Leveraging Snowflake Integration for Smarter Decision MakingDianaGray10
The power of Snowflake analytics enables CRM systems to improve operational efficiency, while gaining deeper insights into closed/won opportunities.
In this webinar, learn how infusing Snowflake into your CRM can quickly provide analysis for sales wins by region, product, customer segmentation, customer lifecycle—and more!
Using prebuilt connectors, we’ll show how workflows using Snowflake, Salesforce, and Zendesk tickets can significantly impact future sales.
79. Proxies / Network sniffers
• Charles Proxy
• Fiddler
tools
Image from telerik fiddler
80. Connection simulators
tools
• Network link conditioner (Mac/iOS)
• Charles Proxy
• Clumsy for Windows
• Net Limiter for Windows
• SlowyApp for Mac
• Chrome Developer Tools
89. Resource Timing API
• Information per resource
• Chrome and IE11 only
html5 apis
90. Network information API
html5 apis
• Android Browser, Silk (spec #1) type
• BlackBerry 10, old Firefox (spec #2) bandwidth
• Firefox, Chrome for Android 38+ (spec #3) type
91. 3- tools
- Learn where to test
- Measure loading times
- Measure responsiveness
- HTML5 APIs
116. The 14K limit
RTT
• TCP slow start
• Initial congestion window: ~14.6Kb (compressed)
• > 14Kb will create another roundtrip
117. We need to separate
ABOVE THE FOLD (ATF)
content
118. ATF in 1s = 1 RTT ~ < 14Kb
HTML + CSS + JavaScript
Images?
ATF
119. Avoid JavaScript frameworks
ATF
• Embrace Vanilla JS
• If you really need them, load them after ATF
• Think on alternatives or partial frameworks
120. Careful with Data URI in CSS
ATF
• Images are non-blocking by default
• Using Data URI in CSS creates blocking images
• Use them only on non-ATF external CSS
130. Responsive Web Design
• Using same URL for mobile/desktop still a good a idea
• Mix it with RESS / adaptive web design
• Load media queries CSS async
• Use server-side libraries
• WURFL or DeviceAtlas
131. After ATF is ready
• Load rest of your content
• Gain experience while rendering ATF:
current performance, screen density, bandwidth
• Make decisions: HD/SD
137. 4- responsiveness & experience
- consistent frame rate
- immediate feedback
- scrolling
- your new enemy
138. consistent fps
Keep framerate high and consistent
• Main UI thread as free as possible
• Avoid repainting (software bitmap calculations)
139. JavaScript
framerate
• Avoid DOM manipulations inside loops/scroll
var e = document.querySelector("#test");
for (var i=0; i<100; i++) {
// change e attributes
});
JAVASCRIPT
165. final thoughts
- measure and profile on the real world
- don’t redirect, reduce requests
- atf content in 1s, defer the rest
- be simple, be aggressive
166. you can reach a good experience
firtman@gmail.com
@firt
firt.mobi/mh5 firt.mobi/pmw
50% OFF!