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
In 2016, mobile internet usage exceeded desktop for the first time! With over 50% of users on mobile, is your web app optimized for them?
Let’s learn about Accelerated Mobile Pages, how AMP address mobile user challenges and build a valid AMP app together!
http://nodevember.org/speaker/Lisa%20Huang
February 2018: Sustainable UX ConferenceLisa Huang
The document is a slide presentation about AMP (Accelerated Mobile Pages) that discusses:
- Mobile web challenges like slow devices and networks where JavaScript does heavy lifting.
- How AMP addresses these with techniques like inlined CSS, prioritized resource loading, and async JavaScript to make pages load instantly.
- Examples of companies that use AMP and the types of content it works for.
- How AMP can be used as an entry point or data source to build progressive web apps with features like service workers for offline use.
Amp up your Site with Accelerated Mobile PagesBrian McKeiver
My presentation from South Florida Code Camp 2016 on Accelerated Mobile Pages (AMP). SFLCC was in lovely Fort Lauderdale, Florida.
Google started AMP as an initiative to dramatically improve the performance of the mobile web. The main approach that AMP employs is placing HTML on a diet, in an attempt to gain breakneck speeds, for loading content on our mobile devices. This new open-source based framework throws out the standard approach to loading bloated CSS and JavaScript libraries and instead becomes a lean, mean superfast machine. Join me to find out what exactly are Accelerated Mobile Pages, what do they mean for search, and how can you prepare for it on your website?
This document discusses Accelerated Mobile Pages (AMP) and its benefits for SEO. AMP aims to make mobile web content load nearly instantly by enforcing strict performance standards. It outlines how AMP works by pre-rendering pages and caching them globally via Google servers. The document argues that mobile usage will continue growing and speed is critical, so AMP can provide major SEO advantages by optimizing the mobile user experience. It provides resources for publishers to learn more and get started with AMP.
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.
Introduce Google AMP (Accelerated Mobile Pages) and how to implement
Topic
- Google AMP is?
- Benefits
- Concern Point
- 3 core components
- How Convert HTML TO AMP HTML
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.
In 2016, mobile internet usage exceeded desktop for the first time! With over 50% of users on mobile, is your web app optimized for them?
Let’s learn about Accelerated Mobile Pages, how AMP address mobile user challenges and build a valid AMP app together!
http://nodevember.org/speaker/Lisa%20Huang
February 2018: Sustainable UX ConferenceLisa Huang
The document is a slide presentation about AMP (Accelerated Mobile Pages) that discusses:
- Mobile web challenges like slow devices and networks where JavaScript does heavy lifting.
- How AMP addresses these with techniques like inlined CSS, prioritized resource loading, and async JavaScript to make pages load instantly.
- Examples of companies that use AMP and the types of content it works for.
- How AMP can be used as an entry point or data source to build progressive web apps with features like service workers for offline use.
Amp up your Site with Accelerated Mobile PagesBrian McKeiver
My presentation from South Florida Code Camp 2016 on Accelerated Mobile Pages (AMP). SFLCC was in lovely Fort Lauderdale, Florida.
Google started AMP as an initiative to dramatically improve the performance of the mobile web. The main approach that AMP employs is placing HTML on a diet, in an attempt to gain breakneck speeds, for loading content on our mobile devices. This new open-source based framework throws out the standard approach to loading bloated CSS and JavaScript libraries and instead becomes a lean, mean superfast machine. Join me to find out what exactly are Accelerated Mobile Pages, what do they mean for search, and how can you prepare for it on your website?
This document discusses Accelerated Mobile Pages (AMP) and its benefits for SEO. AMP aims to make mobile web content load nearly instantly by enforcing strict performance standards. It outlines how AMP works by pre-rendering pages and caching them globally via Google servers. The document argues that mobile usage will continue growing and speed is critical, so AMP can provide major SEO advantages by optimizing the mobile user experience. It provides resources for publishers to learn more and get started with AMP.
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.
Introduce Google AMP (Accelerated Mobile Pages) and how to implement
Topic
- Google AMP is?
- Benefits
- Concern Point
- 3 core components
- How Convert HTML TO AMP HTML
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.
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.
Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web DevelopmentNotifyVisitors
Accelerated Mobile Pages (AMP) Developed by Google, This is new technology open source project powered by Google. Create mobile friendly and mobile optimized web pages which load fast and instantly.
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016Jesse Semchuck
Is it too early to begin thinking about Google AMP outside of the Google news carousel? I’ll take you through the commons pitfalls of AMP and some of the results publishers are seeing.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
A basic overview of Accelerated Mobile Pages, Instant Articles and Apple News technologies - along with the steps on enabling and configuring AMP on a WordPress website. This talk was initially presented at the Melbourne SEO Meetup on the 1st of March 2016.
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 various topics related to progressive web apps including service workers, security, caching, animations, installability, engagement, and notifications. It provides an overview of key concepts and links to additional resources on each topic. Specific points covered include how service workers allow offline and low-connection experiences, techniques for fast loading like preloading assets, methods for high-performance animations like FLIP animations, how to make apps installable through web app manifests and prompts, and using push notifications to increase user engagement.
Amp your site an intro to accelerated mobile pagesRobert McFrazier
Accelerated Mobile Pages (AMP) is a framework for building web pages that are optimized for mobile devices. It addresses issues like slow load times and poor user experiences on mobile by simplifying pages and parallelizing resource loading. AMP pages use HTML, CSS and JavaScript to load quickly. They are cached globally through Google's AMP Cache for fast delivery. Publishers can easily implement AMP pages and monetize them while embracing an open web.
Amp your site: An intro to accelerated mobile pagesRobert McFrazier
This document introduces Accelerated Mobile Pages (AMP). It discusses how AMP addresses the problems of slow mobile page speeds and inconsistent user experiences by making pages load near-instantly. AMP uses HTML, CSS and JavaScript to simplify pages and optimize resources. The AMP cache hosted by Google further improves speeds by serving validated AMP pages from a global proxy. In summary, AMP aims to make mobile pages fast, easy to implement and embrace open web standards.
An overview of Accelerated Mobile Pages Project. See how you can leverage this important open source project today in production and improve your sites' performance and the happiness of your users.
Accelerated mobile pages, aka AMP, is the new buzzword in the industry. Almost everyone is talking about it at one time or another. But if you are one of those who is yet to figure out what AMP is and why all this buzz around it – then you are at the right place, reading the right thing!
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.
AMP Accelerated Mobile Pages - Getting Started & AnalyticsVincent Koc
We have heard about AMP pages, Facebook Instant Articles and even Apple News, so what dose this all mean? We go through the deck I presented at Web Analytics Wednesday's on the current issues with Ad Blocking and Mobile Speed issues that leads us to AMP. Learn how to get started with AMP and learn how to integrate with Analytics platforms like Google Analytics and Adobe Marketing Cloud in its infant stages.
Any questions feel free to contact me on LinkedIn
The document discusses different ways that AMP (Accelerated Mobile Pages) content can be used within progressive web apps. It describes AMP as a progressive web app by itself through the use of features like the service worker registration. It also explores using AMP pages within progressive web apps by rendering AMP content in a shadow DOM to avoid performance issues. The document provides examples of how AMP content could be fetched and displayed within a progressive web app for navigation. It emphasizes that AMP aims to provide ultra-portable, embeddable content units that can enhance progressive web apps.
Progressive Web Apps aim to provide an app-like user experience through features like push notifications, offline support, and installation prompts while maintaining the key web-based advantages of universality, security, and lack of dependence on app stores. They work across browsers using progressive enhancement and rely on modern web APIs like service workers and the web app manifest to provide app-like functionality, falling back to support core content on all platforms through techniques like polyfilling and graceful degradation. While browser support for some features like service workers is still evolving, Progressive Web Apps aim to make high-quality web apps available to all.
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
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-Commerce Berlin EXPO
Rowan Merewood Developer Advocate Google
Accelerated Mobile Pages (AMP) HTML delivers outstanding page-load performance for users browsing content on the mobile web, which is hugely important on limited or flaky networks. Progressive Web Apps deliver reliable performance for re-visits to sites thanks to Service Workers and allows unprecedented engagement via push notifications and Add To Homescreen. AMP gets content in front of users fast – PWAs enable rich experiences and engagement. What if I told you there’s a way to utilize the unique power of both? To build a web experience that loads in an instant and upgrades you to maximum interactivity and engagement? We’re making it happen. Come to learn how.
Have fast, performant, and successful web pages is a great Challenge. There are many layers involved and all of them have to work together.
In this talk I presented at FIBAlumni with collaboration of COEINF and the video recording is at http://media.fib.upc.edu/fibtv/streamingmedia/view/22/1400 (in Catalan).
It shows how all parts are involved in the success of web pages from the server up to the human brain and perception.
It introduces metrics and ways to effectively calculate and measure objectively the impact of the actions taken in the optimisation and also some ways to detect ways to optimise websites.
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.
Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web DevelopmentNotifyVisitors
Accelerated Mobile Pages (AMP) Developed by Google, This is new technology open source project powered by Google. Create mobile friendly and mobile optimized web pages which load fast and instantly.
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016Jesse Semchuck
Is it too early to begin thinking about Google AMP outside of the Google news carousel? I’ll take you through the commons pitfalls of AMP and some of the results publishers are seeing.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
A basic overview of Accelerated Mobile Pages, Instant Articles and Apple News technologies - along with the steps on enabling and configuring AMP on a WordPress website. This talk was initially presented at the Melbourne SEO Meetup on the 1st of March 2016.
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 various topics related to progressive web apps including service workers, security, caching, animations, installability, engagement, and notifications. It provides an overview of key concepts and links to additional resources on each topic. Specific points covered include how service workers allow offline and low-connection experiences, techniques for fast loading like preloading assets, methods for high-performance animations like FLIP animations, how to make apps installable through web app manifests and prompts, and using push notifications to increase user engagement.
Amp your site an intro to accelerated mobile pagesRobert McFrazier
Accelerated Mobile Pages (AMP) is a framework for building web pages that are optimized for mobile devices. It addresses issues like slow load times and poor user experiences on mobile by simplifying pages and parallelizing resource loading. AMP pages use HTML, CSS and JavaScript to load quickly. They are cached globally through Google's AMP Cache for fast delivery. Publishers can easily implement AMP pages and monetize them while embracing an open web.
Amp your site: An intro to accelerated mobile pagesRobert McFrazier
This document introduces Accelerated Mobile Pages (AMP). It discusses how AMP addresses the problems of slow mobile page speeds and inconsistent user experiences by making pages load near-instantly. AMP uses HTML, CSS and JavaScript to simplify pages and optimize resources. The AMP cache hosted by Google further improves speeds by serving validated AMP pages from a global proxy. In summary, AMP aims to make mobile pages fast, easy to implement and embrace open web standards.
An overview of Accelerated Mobile Pages Project. See how you can leverage this important open source project today in production and improve your sites' performance and the happiness of your users.
Accelerated mobile pages, aka AMP, is the new buzzword in the industry. Almost everyone is talking about it at one time or another. But if you are one of those who is yet to figure out what AMP is and why all this buzz around it – then you are at the right place, reading the right thing!
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.
AMP Accelerated Mobile Pages - Getting Started & AnalyticsVincent Koc
We have heard about AMP pages, Facebook Instant Articles and even Apple News, so what dose this all mean? We go through the deck I presented at Web Analytics Wednesday's on the current issues with Ad Blocking and Mobile Speed issues that leads us to AMP. Learn how to get started with AMP and learn how to integrate with Analytics platforms like Google Analytics and Adobe Marketing Cloud in its infant stages.
Any questions feel free to contact me on LinkedIn
The document discusses different ways that AMP (Accelerated Mobile Pages) content can be used within progressive web apps. It describes AMP as a progressive web app by itself through the use of features like the service worker registration. It also explores using AMP pages within progressive web apps by rendering AMP content in a shadow DOM to avoid performance issues. The document provides examples of how AMP content could be fetched and displayed within a progressive web app for navigation. It emphasizes that AMP aims to provide ultra-portable, embeddable content units that can enhance progressive web apps.
Progressive Web Apps aim to provide an app-like user experience through features like push notifications, offline support, and installation prompts while maintaining the key web-based advantages of universality, security, and lack of dependence on app stores. They work across browsers using progressive enhancement and rely on modern web APIs like service workers and the web app manifest to provide app-like functionality, falling back to support core content on all platforms through techniques like polyfilling and graceful degradation. While browser support for some features like service workers is still evolving, Progressive Web Apps aim to make high-quality web apps available to all.
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
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-Commerce Berlin EXPO
Rowan Merewood Developer Advocate Google
Accelerated Mobile Pages (AMP) HTML delivers outstanding page-load performance for users browsing content on the mobile web, which is hugely important on limited or flaky networks. Progressive Web Apps deliver reliable performance for re-visits to sites thanks to Service Workers and allows unprecedented engagement via push notifications and Add To Homescreen. AMP gets content in front of users fast – PWAs enable rich experiences and engagement. What if I told you there’s a way to utilize the unique power of both? To build a web experience that loads in an instant and upgrades you to maximum interactivity and engagement? We’re making it happen. Come to learn how.
Have fast, performant, and successful web pages is a great Challenge. There are many layers involved and all of them have to work together.
In this talk I presented at FIBAlumni with collaboration of COEINF and the video recording is at http://media.fib.upc.edu/fibtv/streamingmedia/view/22/1400 (in Catalan).
It shows how all parts are involved in the success of web pages from the server up to the human brain and perception.
It introduces metrics and ways to effectively calculate and measure objectively the impact of the actions taken in the optimisation and also some ways to detect ways to optimise websites.
Optimizing web performance (Fronteers 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.
What is AMP? Why should I learn what it offers? And how can I take advantage of it in WordPress? This deck was used to guide a discussion about these topics at the awesome PDX WP Meetup on August 5th, 2019.
AMP — Accelerated Mobile Pages — is no longer an up-and-coming experimental project. It’s now integrated into Google’s regular results and its use has expanded far beyond publishers; it is now being deployed by retailers and others.
Whether you’re just getting started with AMP or are looking to get more from your existing AMP efforts, this session explores the latest developments and what you should do to take advantage of them.
2nd AMIMOTO: WordPress + Amazon Web Services SingaporeKel
The document discusses optimizing WordPress performance on Amazon Web Services (AWS). It provides examples of performance tests comparing HHVM and PHP-FPM as well as different HHVM versions. It also demonstrates how to launch and configure WordPress instances on AWS, including choosing instance types, setting up WordPress, activating caching plugins, and autoscaling instances based on load. Additional topics include using machine learning for e-commerce and configuring options like Elastic IP addresses, Route 53, and terminating instances.
Jacob Lial from Greenlane Search Marketing presents on AMP (Accelerated Mobile Pages) - December 2015. Learn about what AMP means to SEO, Google, and mobile site improvements to benefit your users. Visit ampproject.org to learn more about Google's big 2016 focus.
Mobile web development is important because over 6.8 billion people in the world use mobile devices. There are currently over 3.4 billion people with mobile phones, making mobile the 7th mass media. When developing for mobile, it is best to target WebKit-based browsers like those used on Android and iOS devices to ensure compatibility with newer HTML5 features. Websites should be optimized for mobile with a responsive design or separate mobile sites at m.domain.com to provide the best experience for touchscreen smartphones and limited feature phones.
One of the main advantages of web applications is their ease of deployment. The same can't be said about desktop applications. However, desktop applications work without a network connection. While this used to be a deal breaker for web applications, recent developments in HTML 5 and browser plugins such as Flash and Silverlight allow developers to create web applications that work both online and offline. In this session, Matt will demonstrate how to create offline web applications in HTML 5, Silverlight and Air. Also, other factors for offline applications, such as client-side data storage, will be examined in detail.
Building for, perceiving and measuring performance for mobile webRobin Glen
This document discusses strategies for improving the performance of single-page applications (SPAs). It notes that SPAs can provide a more native-like user experience compared to traditional multi-page applications. The document outlines several ways to enhance SPA performance, including optimizing APIs, reducing payload size, enabling HTTP/2 and offline functionality. It also discusses techniques for measuring and monitoring performance using tools like the Chrome DevTools and performance metrics. The key message is that performance must be measured to be improved.
SearchLeeds 2019 - Nichola stott - The state of PWAsSearchLeeds
Progressive web apps have been around for some years now, but adoption rate appears to be slow. In this talk Nichola will review the baseline and enhanced PWA criteria to explore why this might be. In addition we’ll also cover what’s new, benefits experienced by early adopters, tracking tips, how to get into the Play Store; as well as some of the current downsides and security considerations.
Complete SEO Report with checklist requiredaaimannoor5
multiple variations of an engaging product description for an SEO report from a digital marketing agency:
Variation 1:
Skyrocket your online visibility and dominate your competition with our comprehensive SEO report.
• Detailed analysis of your website's current search engine performance
• Personalized recommendations to improve your rankings and drive more traffic
• Insights on top-performing keywords and content opportunities
• Step-by-step action plan to implement high-impact SEO strategies
Struggling to get your website seen by your ideal customers? Our SEO report is your secret weapon to unlocking the full potential of search engine optimization. Packed with data-driven insights, you'll uncover the exact steps needed to boost your organic traffic, outrank your competitors, and turn your website into a lead-generating machine. Whether you're a small business or an enterprise-level brand, this report is your roadmap to search engine success.
This SEO report is perfect for digital marketing teams, business owners, and entrepreneurs who are ready to take their online presence to new heights. With our expert analysis and optimization recommendations, you'll be able to leverage the power of search to attract more qualified leads, increase conversions, and grow your business like never before.
Variation 2:
Dominate the search results and stay ahead of the competition with our cutting-edge SEO report.
• Comprehensive audit of your website's current search engine performance
• Tailored strategies to improve your rankings across key industry keywords
• Insights on content gaps and opportunities to drive more organic traffic
• Actionable steps to implement high-impact SEO tactics
Struggling to get your business seen by your ideal customers online.
Our SEO report is your ticket to search engine dominance. Powered by the latest data and industry best practices, this report will give you the intel you need to outrank your competitors, attract more qualified leads, and turn your website into a lead-generating powerhouse.
Whether you're a solopreneur or part of an enterprise marketing team, this SEO report is designed to help you maximize your online visibility and drive real business results. With our expert analysis and optimization recommendations, you'll be able to leverage the power of search to boost your brand awareness, increase conversions, and take your company to new heights.
Don't let your competition outrank you - invest in our SEO report and watch your online dominance skyrocket.
Variation 3:
Uncover the search engine secrets to drive more traffic and leads with our comprehensive SEO report.
• In-depth analysis of your website's current search engine performance
• Customized strategies to improve your rankings across high-intent keywords
• Insights on content gaps and opportunities to attract your ideal customers
• Step-by-step action plan to implement proven SEO tactics
Struggling to get your business seen by your target audience
7 secrets of performance oriented front end development servicesKaty Slemon
Why a good front-end is the primary necessity of any digital solution and how can you, as a web/mobile designer or app owner, can be built a performance-optimized front-end for its users.
Demystifying web performance tooling and metricsAnna Migas
Web performance has been one of the most talked about web development topics in the recent years. Yet if you try to start your journey with the speed optimisations, you might find yourself in a pickle. With the tooling, you might feel overwhelmed—it looks complex and hard to comprehend. With the metrics: at first glance all of them seem similar, not to mention that they change over time and you cannot figure out which of them to take into account.
AMIMOTO: WordPress + Amazon Web Services MANILAKel
This document summarizes a WordPress + Amazon Web Services meetup in the Philippines. It provides details about the speakers and organizers, including their roles at DigitalCube Inc. and experience speaking at WordCamp events. It also lists some popular AWS services like EC2, S3, and autoscaling that can be used with WordPress. Finally, it shares examples of how WordPress and AWS are being used by sites like a blog, media site, and enterprise site and the solutions AWS provides for issues like unpredictable traffic, large files, and multilingual/multi-site needs.
Building Responsive Websites and Apps with DrupalFour Kitchens
This document discusses building responsive websites and apps with Drupal. It begins by explaining what responsive design is and how it allows websites to adapt to different screen sizes through CSS media queries and flexible grids. It advocates using a mobile-first approach where the mobile version is the baseline and enhanced for larger screens. Key aspects covered include responsive images, the Modernizr module, feature detection libraries, and front-end performance optimization.
Testing installable mobile apps analoguesDiana Pinchuk
The perspective of creating a mobile app that doesn’t need to be downloaded and reviewed in the App Store is very attractive, especially when there is more than one analogue for installable apps: Progressive Web Apps (PWA), Android Instant Apps (AIA) and Accelerated Mobile Pages (AMP). But here there is no silver bullet: each of the mentioned technologies has its own peculiarities of development, support and testing. In the lecture, we’ll explore each of the platforms in detail and compare them with “usual” mobile apps, so to be ready for quality assurance even in such new and unusual projects.
This document discusses optimizing content delivery for mobile performance. It begins by introducing common tools for testing mobile performance like Video Optimizer and WebPageTest. It then discusses best practices for optimizing delivery speed such as using content delivery networks (CDNs) and image compression. Other topics covered include optimizing images, responsive delivery, animations, and video streaming. The overall message is that optimizing these areas can significantly improve mobile performance and user experience.
AMP and the instant web - WebPerformance NYC MeetUp groupMichael Posso
This talk was designed to give the developer the basics of the AMP technology. The talk offers the pros and cons of the technology as well as a technical overview of the structure of an AMP pages. The information covers several tools and integration with popular CMS and how to implement AMP in the development testing and build process.
Similar to 2017 Silicon Valley Code Camp: Instant Mobile Web (20)
Multimodal Retrieval Augmented Generation (RAG) with MilvusZilliz
We've seen an influx of powerful multimodal capabilities in many LLMs. In this talk, we'll vectorize a dataset of images and texts into the same embedding space, store them in Milvus, retrieve all relevant data using multilingual texts and/or images and input multimodal data as context into GPT-4o.
Details of description part II: Describing images in practice - Tech Forum 2024BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and transcript: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
Tool Support for Testing as Chapter 6 of ISTQB Foundation 2018. Topics covered are Tool Benefits, Test Tool Classification, Benefits of Test Automation and Risk of Test Automation
Test Management as Chapter 5 of ISTQB Foundation. Topics covered are Test Organization, Test Planning and Estimation, Test Monitoring and Control, Test Execution Schedule, Test Strategy, Risk Management, Defect Management
Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threatsanupriti
In the rapidly evolving landscape of blockchain technology, the advent of quantum computing poses unprecedented challenges to traditional cryptographic methods. As quantum computing capabilities advance, the vulnerabilities of current cryptographic standards become increasingly apparent.
This presentation, "Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threats," explores the intersection of blockchain technology and quantum computing. It delves into the urgent need for resilient cryptographic solutions that can withstand the computational power of quantum adversaries.
Key topics covered include:
An overview of quantum computing and its implications for blockchain security.
Current cryptographic standards and their vulnerabilities in the face of quantum threats.
Emerging post-quantum cryptographic algorithms and their applicability to blockchain systems.
Case studies and real-world implications of quantum-resistant blockchain implementations.
Strategies for integrating post-quantum cryptography into existing blockchain frameworks.
Join us as we navigate the complexities of securing blockchain networks in a quantum-enabled future. Gain insights into the latest advancements and best practices for safeguarding data integrity and privacy in the era of quantum threats.
The document discusses testing throughout the software development life cycle. It describes different software development models including sequential, incremental, and iterative models. It also covers different test levels from component and integration testing to system and acceptance testing. The document discusses different types of testing including functional and non-functional testing. It also covers topics like maintenance testing and triggers for additional testing when changes are made. Also covers concepts of Agile including DevOps, Shift Left Approach, TDD, BDD, ATDD, Retrospective and Process Improvement
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
Distributed System Performance Troubleshooting Like You’ve Been Doing it for ...ScyllaDB
Troubleshooting performance issues across distributed systems can be intimidating if you don’t know where to start, and it’s even harder when the system is running on hundreds or thousands of nodes. We’re well past the point of logging into random nodes and poking around hoping we spot the problem. It’s critical to have a methodology to follow as well as a deep understanding of the tools that are available to help you prove (or disprove) your mental model.
In this session, we’ll explore how to go about diagnosing performance problems you might run into, and teach you the tools and process for getting to the bottom of any issue, quickly -- even when it’s one of the biggest distributed database deployments on the planet.
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
The document discusses fundamentals of software testing including definitions of testing, why testing is necessary, seven testing principles, and the test process. It describes the test process as consisting of test planning, monitoring and control, analysis, design, implementation, execution, and completion. It also outlines the typical work products created during each phase of the test process.
GDG Cloud Southlake #34: Neatsun Ziv: Automating AppsecJames Anderson
The lecture titled "Automating AppSec" delves into the critical challenges associated with manual application security (AppSec) processes and outlines strategic approaches for incorporating automation to enhance efficiency, accuracy, and scalability. The lecture is structured to highlight the inherent difficulties in traditional AppSec practices, emphasizing the labor-intensive triage of issues, the complexity of identifying responsible owners for security flaws, and the challenges of implementing security checks within CI/CD pipelines. Furthermore, it provides actionable insights on automating these processes to not only mitigate these pains but also to enable a more proactive and scalable security posture within development cycles.
The Pains of Manual AppSec:
This section will explore the time-consuming and error-prone nature of manually triaging security issues, including the difficulty of prioritizing vulnerabilities based on their actual risk to the organization. It will also discuss the challenges in determining ownership for remediation tasks, a process often complicated by cross-functional teams and microservices architectures. Additionally, the inefficiencies of manual checks within CI/CD gates will be examined, highlighting how they can delay deployments and introduce security risks.
Automating CI/CD Gates:
Here, the focus shifts to the automation of security within the CI/CD pipelines. The lecture will cover methods to seamlessly integrate security tools that automatically scan for vulnerabilities as part of the build process, thereby ensuring that security is a core component of the development lifecycle. Strategies for configuring automated gates that can block or flag builds based on the severity of detected issues will be discussed, ensuring that only secure code progresses through the pipeline.
Triaging Issues with Automation:
This segment addresses how automation can be leveraged to intelligently triage and prioritize security issues. It will cover technologies and methodologies for automatically assessing the context and potential impact of vulnerabilities, facilitating quicker and more accurate decision-making. The use of automated alerting and reporting mechanisms to ensure the right stakeholders are informed in a timely manner will also be discussed.
Identifying Ownership Automatically:
Automating the process of identifying who owns the responsibility for fixing specific security issues is critical for efficient remediation. This part of the lecture will explore tools and practices for mapping vulnerabilities to code owners, leveraging version control and project management tools.
Three Tips to Scale the Shift Left Program:
Finally, the lecture will offer three practical tips for organizations looking to scale their Shift Left security programs. These will include recommendations on fostering a security culture within development teams, employing DevSecOps principles to integrate security throughout the development
Blockchain and Cyber Defense Strategies in new genre timesanupriti
Explore robust defense strategies at the intersection of blockchain technology and cybersecurity. This presentation delves into proactive measures and innovative approaches to safeguarding blockchain networks against evolving cyber threats. Discover how secure blockchain implementations can enhance resilience, protect data integrity, and ensure trust in digital transactions. Gain insights into cutting-edge security protocols and best practices essential for mitigating risks in the blockchain ecosystem.
Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
1. Instant Mobile Web: An AMP Primer
Lisa Huang
Oct 2017
Slides: bit.ly/SVCC_AMP
Twitter/Github: @lisaychuang
2. INSTANT MOBILE WEB: AN AMP PRIMER
Hello LRTF!
▸ Financial analyst > Digital Marketer > Fullstack
Engineer
▸ Flatiron School alumnae
▸ Taiwan + Singapore + South Africa + USA
▸ Basic Android phone & buying data by MBs
▸ Discovered AMP project through a SEO course
on FrontEndMasters.com
3. INSTANT MOBILE WEB: AN AMP PRIMER
Shift Towards Mobile
▸ Oct 2016 - Mobile page views has
overtaken Desktop for the first time
globally
▸ March 2017 - Android device page
views has overtaken Windows
▸ Momentum in this direction is only
growing!
4. INSTANT MOBILE WEB: AN AMP PRIMER
Performance === 💰💸
➡ wpostats.com ⬅
▸ Google: 800ms page load time results in $1M daily revenue loss
▸ Pinterest: Reduced wait time by 40% increased signups 15%
▸ BBC: Every +1s of page load time reduces engagement 10%
▸ Financial Times: faster ft.com showed 30% more user engagement
5. INSTANT MOBILE WEB: AN AMP PRIMER
▸ AMP is an open source framework to build really fast
mobile pages
▸ Create instantly loading mobile pages
▸ 2 Billion+ pages, 900K+ domains, 100+ languages
▸ May 2017: Google mobile search AMP Top Stories
Carousel global rollout
https://www.ampproject.org/
https://techcrunch.com/2016/02/24/google-now-highlights-amp-pages-in-its-mobile-search-results/
6. INSTANT MOBILE WEB: AN AMP PRIMER
Content Platforms AMP Works On
https://www.ampproject.org/support/faqs/supported-platforms
▸ Facebook
▸ Twitter
▸ WordPress
▸ Google
▸ Medium
▸ Pinterest
▸ LinkedIn
▸ Reddit
▸ Nuzzel
▸ Hatena
▸ Squarespace
▸ Ghost
▸ Drupal
▸ Fastcommerce
▸ Canvas
8. INSTANT MOBILE WEB: AN AMP PRIMER
Google I/O May 2017 announcements
▸ Before: focused on static content
▸ Now: interactive content, moving towards an
interactive framework
▸ Future: ecommerce, highly interactive
experiences
▸ AMP to PWA!
9. INSTANT MOBILE WEB: AN AMP PRIMER
To AMP or not to AMP
▸ Feel locked into Google ecosystem
▸ Direct traffic vs Google cache
https://www.google.com/amp/s/
amp.theguardian.com/world/2017/oct/05/
nobel-peace-prize-2017-who-are-the-likely-
nominees
▸ Restrictive branding / styling
▸ Limited analytics data
▸ AMP analytics API supports
34 analytics platforms!
https://www.ampproject.org/docs/guides/analytics/analytics-vendors
10. INSTANT MOBILE WEB: AN AMP PRIMER
Mobile Web Challenges
📱 Most devices are not powerful
📡 Cellular networks make connections slowly
' JS is usually doing all the heavy lifting
11. INSTANT MOBILE WEB: AN AMP PRIMER
📱 Challenge #1: Most devices are not powerful
12. INSTANT MOBILE WEB: AN AMP PRIMER
🐢 Where does the slow come from?
▸ Complex CSS animations
▸ Video viewing
▸ Data download & processing
▸ Background Processes (Web Worker)
▸ Push notifications
▸ GPS
▸ Sensors: accelerometer, gyroscope,
magnetometer requests
https://developer.apple.com/library/content/documentation/Perf
13. INSTANT MOBILE WEB: AN AMP PRIMER
Case Study: CSS Animations
▸ First, let’s animate the ball by iteratively setting the
left position
▸ This triggers re-layout calculations, and the
resulting animation is “janky”
▸ This experience is never desirable, but how could
we enforce it on a per-page basis?
14. INSTANT MOBILE WEB: AN AMP PRIMER
Case Study: CSS Animations
▸ Next, let’s animate the ball by iteratively setting
the transform: translateX() transformation
▸ This is GPU optimized, and does not trigger a re-
layout
▸ Only re-composition is required
15. INSTANT MOBILE WEB: AN AMP PRIMER
AMP approach: Subset CSS
▸ Only subset of CSS allowed
▸ Max. 50KB total CSS
▸ Animation: only GPU-accelerated properties allowed
▸ Use transform and opacity changes
https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count
➡ https://csstriggers.com/ ⬅
16. INSTANT MOBILE WEB: AN AMP PRIMER
AMP custom components
▸ <amp-img>
▸ specified fixed height & width
▸ includes placeholder, and a fallback
▸ srcset: Serves appropriate image for screen’s pixel density (resolution)
▸ <amp-iframe>
▸ Sandboxed
▸ Only request resources via HTTPS
https://www.ampproject.org/docs/
17. INSTANT MOBILE WEB: AN AMP PRIMER
📡 Challenge #2: Cellular networks make connections slowly
▸ Slow to initiate network connection
▸ Mobile network requests are extra expensive, and involve extra latency
▸ 2G: 300 - 1000ms, 3G: 200 - 400ms extra, 4G: 50 - 100ms extra
18. INSTANT MOBILE WEB: AN AMP PRIMER
So many network requests!
📱
🖥
50% of pages involve > 76 requests
19. INSTANT MOBILE WEB: AN AMP PRIMER
🐢 Where does the slow come from?
▸ Large numbers of requests, many of which are on the critical path!
▸ Javascript framework
▸ CSS as an external stylesheet
▸ Assets (images, custom fonts)
▸ Multi-step process for new domains (DNS) and establishing a SSL connection
▸ Cellular provider “round robin”
https://developer.apple.com/library/content/documentation/Perfo
20. Tested From: Dulles, VA, “Good 2G speed”
Chrome - Emulated Motorola G (Gen 4)📱 webpagetest.org
Case Study: Adobe Typekit Blog
21. INSTANT MOBILE WEB: AN AMP PRIMER
AMP Cache
▸ Your AMP pages may be
cached when they’re discovered
(or updates are found)
▸ This saves the overhead of DNS
resolution & SSL handshake
▸ AMP implementors may
optimize this even more in the
future!
https://medium.com/@cramforce/why-amp-html-does-not-take-full-advantage-of-the-preload-scanner-7e7f788aa94e
https://developers.google.com/amp/cache/overview
22. INSTANT MOBILE WEB: AN AMP PRIMER
AMP approach: Inlined CSS
▸ Inlined CSS stylesheet!
▸ When HTML lands —> Mobile page is ready for basic use!
https://medium.com/@cramforce/why-amp-html-does-not-take-full-advantage-of-the-preload-scanner-7e7f788aa94e
HTML
CSS
JSSingle Page App
🌟
HTML CSS
JS
AMP Html
🌟
<style amp-custom="">...</style>
23. INSTANT MOBILE WEB: AN AMP PRIMER
AMP approach: Prioritize resource loading
▸ Control network requests to prioritize resources effectively
▸ Prefetches and lazy-loads resources:
▸ Resources are prefetched as early as possible (⬇ the fold), but...
▸ lazy-loaded as late as possible (CPU is only used when resources are
actually shown to users)
https://medium.com/@cramforce/why-amp-html-does-not-take-full-advantage-of-the-preload-scanner-7e7f788aa94e
24. INSTANT MOBILE WEB: AN AMP PRIMER
' Challenge #3: JS doing all the heavy lifting
25. INSTANT MOBILE WEB: AN AMP PRIMER
Where does the slow come from?
▸ <script src="..."> requires additional network requests
▸ Synchronous JS pauses HTML parsing, it resumes once download completes
▸ Parsing the downloaded JS takes time (related to code size & other factors)
▸ Finally first meaningful paint 🎨 and interactivity📱
▸ ⚠ Server-side rendering aims to help, but is incredibly complex to get right
https://developer.apple.com/library/content/documentation/Performance/Conceptual/EnergyGuide-iOS/FundamentalConcepts.html
26. JS
INSTANT MOBILE WEB: AN AMP PRIMER
Case Study: Apple.com
▸ "good 3G" connection
▸ 10x CPU slowdown
HTML
CSS
IMG
IMG
27. JS
INSTANT MOBILE WEB: AN AMP PRIMER
Case Study: Apple.com
▸ Synchronous JS, waiting for external scripts to
download
▸ 3 network requests before images
HTML
CSS
IMG
IMG
28. JS
INSTANT MOBILE WEB: AN AMP PRIMER
Case Study: Apple.com
▸ Not optimized for above the fold
▸ Slow time to first paint & interactivity
HTML
CSS
IMG
IMG
29. INSTANT MOBILE WEB: AN AMP PRIMER
AMP approach: Async JS loading & iFrames
▸ Async JS loading keeps JS off the critical path
▸ Sandbox 3rd party JS in cross-domain iframe (also async)
▸ Block form submission and script execution (eval)
▸ Cannot trigger multiple style re-calcuation
▸ Block automatically triggered features (i.e., video autoplay)
🏖📦<script async src="">
30. INSTANT MOBILE WEB: AN AMP PRIMER
Live code!
▸ AMP validator plugin
1. Building the AMP boilerplate code
▸ “Hello AMP!”
2. Add embedded media
▸ <amp-youtube>, <amp-image-lightbox>
3. Add user interactivity:
▸ <amp-social-share>, <amp-sidebar>
bit.ly/AMPcode
42. INSTANT MOBILE WEB: AN AMP PRIMER
Recap: Mobile web challenges
📱 Most devices are not powerful
📡 Cellular networks make connections slowly
' JS is usually doing all the heavy lifting
43. INSTANT MOBILE WEB: AN AMP PRIMER
AMP + Progressive Web Apps
https://www.ampproject.org/docs/guides/pwa-amp/amp-to-pwa
44. INSTANT MOBILE WEB: AN AMP PRIMER
AMP with PWA features
▸ Add a Web App Manifest
for users to install to home
screen
▸ Use Service Worker to
enable offline access
▸ Inject custom JS scripts
that’s not AMP-
compatible
https://www.ampproject.org/docs/guides/pwa-amp/amp-as-pwa#install-a-service-worker-to-enable-offline-access
45. INSTANT MOBILE WEB: AN AMP PRIMER
AMP as entry point into PWA
<amp-install-serviceworker>
▸ Installs Service Worker from
origin
▸ Let Service Worker intercept
navigation request, and respond
with a PWA
▸ Shell URL rewriting
https://www.ampproject.org/docs/guides/pwa-amp#amp-pages-with-pwa-features
46. INSTANT MOBILE WEB: AN AMP PRIMER
AMP as data source for PWA
▸ Build AMP pages as modular units 📦
▸ AMP as content source backend
▸ AMP HTML powers both AMP and
PWA experience
https://www.ampproject.org/docs/guides/pwa-amp/amp-in-pwa
47. INSTANT MOBILE WEB: AN AMP PRIMER
🎉 Thank you! 🎉
Questions? 🤔
Twitter & Github: @lisaychuang
Email: lisa.yc.huang@gmail.com