10 technische SEO Hacks, die du wahrscheinlich noch nicht kennst.
Vortrag des CEO Dominik Wojcik von der Berliner Online-Marketing-Agentur Trust Agents. Präsentiert auf der SEOkomm 2017.
I gave my first webinar for Codemotion about Progressive Web Apps (PWAs), the future of web development.
Video (soon in my youtube): https://www.youtube.com/watch?v=de1xiqz-BTE
Twitter: https://twitter.com/JGFerreiro
Linkedin: https://www.linkedin.com/in/jgferreiro/
- - -
I think Progressive Web Apps (PWAs) are the next revolution in web development. This practical workshop will explain the basics about PWAs as well as how to integrate it into your own application.
What we will cover:
• Caching requests and caching strategies.
• Setting up your PWA (manifest and progressive metadata)
• Payments Api, Local Web Notifications
• Other PWA functionalities.
- - -
Subscribe: https://www.ferreiro.me/newsletter
on https://www.twitter.com/jgferreiro
on https://www.linkedin.com/in/jgferreiro/
on https://www.instagram.com/jgferreiro/
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.
Designing the Priority, Performance ist User ExperiencePeter Rozek
The document discusses designing for performance and priority user experience. It emphasizes that performance should be a priority from the beginning in concept, design, and development. It provides tips for setting performance budgets, prototyping early, and designing responsively with a mobile-first approach. The overall message is that performance is everyone's responsibility and needs to be a collaborative effort across teams.
THE UX OF DATA - VISUALIZATION RESPONSIVEPeter Rozek
This document discusses the user experience (UX) of data visualization. It begins with a brief history of data visualization, then discusses how humans process visual information faster than text. The core of data visualization is explained as transforming data into a visual representation to make it more understandable. Effective data visualization tells a story or narrative with the data. The document outlines five steps to create good data visualization: understand the source, understand the context, identify the narrative, define the user experience, and emphasize simplicity. It emphasizes designing for any screen or browser using responsive web design principles.
A great idea can be built with almost any technology. The success or failure of your project has more to do with vision, leadership, execution, and market than technological choices.
Besides the vision, a lot of startups focus on culture. what isn’t often mentioned is that the technical decisions will have a direct effect on the company culture. Great things have been built with each of the technologies. But they do come with a culture.
The purpose of this presentation is to help developers, managers, founders, etc. to make an insightful decision about the framework they want to use to create their product.
Hassliebe Onlineformulare, Enhance your Form for better UXPeter Rozek
Formulare und das Internet verbindet eine ewige Hassliebe. Zum einen sind sie notwendig und zum anderen scheitert die Conversion Rate nicht selten an einer schlechten Usability. Responsive Webdesign hat die Situation nicht einfacher gemacht. Verschiedene Formfaktoren und Interaktionsmechaniken sind zu berücksichtigen. Einzelne Formulare oder Formularstrecken müssen für den Nutzer verständlich bleiben und bei falschen Eingaben muss das System eine gewisse Fehlertoleranz erkenn und Kontextbezogene Hilfen anbieten. Zusätzlich gilt für unterschiedliche Touchpoints das Formulare scalable und usable sind. Der Vortrag zeigt mit welchen HTML5 und CSS3 Elementen Formulare technisch Robust werden und eine positive User Experience adressieren. Neben grundlegenden Usability Guidelines wird auch ein besonderes Augenmerk auf den Anwendungsfall gelegt. Zielgruppenorientierte Formulargestaltung braucht mehr als die Einbeziehung grundlegender Usability Richtlinien. Valide Use Cases auf Basis von Customer Journey Maps oder Touchpoint Matrix helfen den Fokus auf wesentliche Aspekte zu lenken.
I gave my first webinar for Codemotion about Progressive Web Apps (PWAs), the future of web development.
Video (soon in my youtube): https://www.youtube.com/watch?v=de1xiqz-BTE
Twitter: https://twitter.com/JGFerreiro
Linkedin: https://www.linkedin.com/in/jgferreiro/
- - -
I think Progressive Web Apps (PWAs) are the next revolution in web development. This practical workshop will explain the basics about PWAs as well as how to integrate it into your own application.
What we will cover:
• Caching requests and caching strategies.
• Setting up your PWA (manifest and progressive metadata)
• Payments Api, Local Web Notifications
• Other PWA functionalities.
- - -
Subscribe: https://www.ferreiro.me/newsletter
on https://www.twitter.com/jgferreiro
on https://www.linkedin.com/in/jgferreiro/
on https://www.instagram.com/jgferreiro/
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.
Designing the Priority, Performance ist User ExperiencePeter Rozek
The document discusses designing for performance and priority user experience. It emphasizes that performance should be a priority from the beginning in concept, design, and development. It provides tips for setting performance budgets, prototyping early, and designing responsively with a mobile-first approach. The overall message is that performance is everyone's responsibility and needs to be a collaborative effort across teams.
THE UX OF DATA - VISUALIZATION RESPONSIVEPeter Rozek
This document discusses the user experience (UX) of data visualization. It begins with a brief history of data visualization, then discusses how humans process visual information faster than text. The core of data visualization is explained as transforming data into a visual representation to make it more understandable. Effective data visualization tells a story or narrative with the data. The document outlines five steps to create good data visualization: understand the source, understand the context, identify the narrative, define the user experience, and emphasize simplicity. It emphasizes designing for any screen or browser using responsive web design principles.
A great idea can be built with almost any technology. The success or failure of your project has more to do with vision, leadership, execution, and market than technological choices.
Besides the vision, a lot of startups focus on culture. what isn’t often mentioned is that the technical decisions will have a direct effect on the company culture. Great things have been built with each of the technologies. But they do come with a culture.
The purpose of this presentation is to help developers, managers, founders, etc. to make an insightful decision about the framework they want to use to create their product.
Hassliebe Onlineformulare, Enhance your Form for better UXPeter Rozek
Formulare und das Internet verbindet eine ewige Hassliebe. Zum einen sind sie notwendig und zum anderen scheitert die Conversion Rate nicht selten an einer schlechten Usability. Responsive Webdesign hat die Situation nicht einfacher gemacht. Verschiedene Formfaktoren und Interaktionsmechaniken sind zu berücksichtigen. Einzelne Formulare oder Formularstrecken müssen für den Nutzer verständlich bleiben und bei falschen Eingaben muss das System eine gewisse Fehlertoleranz erkenn und Kontextbezogene Hilfen anbieten. Zusätzlich gilt für unterschiedliche Touchpoints das Formulare scalable und usable sind. Der Vortrag zeigt mit welchen HTML5 und CSS3 Elementen Formulare technisch Robust werden und eine positive User Experience adressieren. Neben grundlegenden Usability Guidelines wird auch ein besonderes Augenmerk auf den Anwendungsfall gelegt. Zielgruppenorientierte Formulargestaltung braucht mehr als die Einbeziehung grundlegender Usability Richtlinien. Valide Use Cases auf Basis von Customer Journey Maps oder Touchpoint Matrix helfen den Fokus auf wesentliche Aspekte zu lenken.
1. Web development used to be simple but has become increasingly complex over time as new technologies and frameworks have emerged.
2. The document argues that there is a distinction between native web apps that run entirely in the browser using JavaScript and server-side web apps, and that both have valid uses.
3. It advocates for building single-page apps as native web apps using modern browser capabilities and deploying them as static sites for performance and simplicity while relying on external services for backend functionality.
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
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Robert Nyman
This document provides an introduction to progressive web apps (PWAs). It discusses the history of web technologies from HTML and HTTP in the early 1990s to more recent developments like service workers, push notifications, and web app manifests that enable PWAs. Features of PWAs are described like reliability, performance, engagement, and integration with the operating system. Case studies are presented showing the benefits some companies have seen from implementing PWAs.
From Cache to Ca$h - Advanced use of WP Cache - Andrea CardinaliAndrea Cardinali
Advanced Use of WordPress Cache.
In this speech I've shown many different caching mechanism provided by WordPress and how to make good use of them.
You'll learn how to make a website resiliant,more performant and more profitable.
Talk @ WordCamp Turin 2019
======================
Sapevi che WordPress dispone già di un meccanismo di caching nativo e che ha molteplici utilizzi?
In questo speech mostrerò come utilizzare i diversi meccanismi di caching offerti da WordPress per rendere un sito resiliente e performante anche in condizioni di altro traffico e in grado di generare maggiori profitti.
Talk tenuto durante il WordCamp Torino 2019
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.
This document introduces progressive web apps (PWAs) and service workers. PWAs aim to provide native app-like experiences through the browser by being reliable, fast, and engaging. Service workers act as proxies that allow developers to control caching and how resources are requested. The document discusses prerequisites for PWAs, the service worker lifecycle, features like offline access, and tools for auditing PWAs.
2017 Silicon Valley Code Camp: Instant Mobile WebLisa Huang
Instant Mobile Web presentation for Silicon Valley Code Camp 2017.
Session: https://www.siliconvalley-codecamp.com/Session/2017/instant-mobile-web-an-accelerated-mobile-pages-primer
Let Non-Developers Develop your Site. Manu RaivioFuture Insights
FOWA London 2015
Testing different versions of your site can be hugely distracting; it’s both trivial and non-trivial, and terribly time-consuming. Layer-based iterative development can help by effectuating all changes in the user’s browser instead of the site’s backend. Manu will present this new approach to developing the best performing version of a site using the Frosmo javascript tag and SaaS platform. Together they can save time and let those most interested in the results be in charge of the tests, without putting your site at risk.
A short presentation answering 3 main questions. Why we need Progressive Web Apps(PWA)? What is a progressive web app & it's features? and how a PWA works?
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.
Progressive Web Apps and the Windows Ecosystem [Build 2017]Aaron Gustafson
Whether at home or at work, the web plays an increasingly critical role in our daily lives. As we have become more dependent on accessing the tools it powers, we’ve also struggled to overcome some of its limitations—network connectivity, for instance. At Microsoft, we’ve long been interested in the power of the web for software development and we are even more excited for the future possibilities offered by progressive web apps (PWAs). In this session, we discuss what PWAs are, how they can be integrated into the development process of modern websites, the advantages and disadvantages of PWAs vs. native development, and what opportunities they present when installed alongside native apps in Windows.
Guidance on how to develop a progressive web app using react native!Shelly Megan
The document discusses developing a progressive web app (PWA) using the React Native framework. It describes how several companies experienced success using PWAs, including increased engagement rates and reduced load times. The document then outlines key steps for building a PWA with React Native, such as adopting secure connections, adding a web app manifest, implementing a custom splash screen, integrating push notifications with Pusher, and auditing the code with Lighthouse. React Native is presented as an effective framework for PWA development due to its JavaScript libraries, plugins, and ease of creating PWAs with desired features.
Alex Russell Software Engineer, Google at Fastly Altitude 2016
New browser technologies are arriving that are poised to change user and developer expectations of what’s possible on the web; particularly on slow mobile devices with flaky connections. This talk discusses how these new technologies – Service Workers, Progressive Web Apps, HTTP/2, Push, Notifications, and Web Components are being combined, e.g. in the new PRPL pattern, to transform user experiences while improving business results.
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.
The document provides an agenda and summary for a talk on how the physical world is meeting the web through various technologies. The topics discussed include mobile and IoT, the Physical Web, Progressive Web Apps, and connecting through web APIs. Specific emerging APIs that allow access to device sensors and hardware are demonstrated, such as ambient light detection, web Bluetooth, and web audio. The talk aims to show how the web is becoming a universal platform to enable new experiences at the intersection of the digital and physical worlds.
Progressive Enhancement & Mobile [Funka 2012]Aaron Gustafson
The concept of progressive enhancement is the way forward for web design, especially on mobile devices. Aaron Gustafson shows you how the latest techniques - mobile first, responsive design, and adaptive UI - fit in to the process.
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
Here’s the content of This Presentation :
Progressive Web Apps
Service Workers
Comparison of Responsive Web, Native Apps, And PWA
Benefit Using PWA Technology
Framework in PWA
Is the buzz around Progressive Web Apps real or are they simply the latest fad? In this talk, you’ll learn exactly what Progressive Web Apps are, what problems they solve, and what new design challenges they present. Jason will show how organizations are using Progressive Web Apps to provide better and faster user experiences.
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.
Learn how to build your own PWA enabled page in under 5 minutes ⚡️, what SPAs' have to do with PWA and how Shopware implements their headless commerce solution!
11 Advanced Uses of Screaming Frog Nov 2019 DMSSOliver Brett
This document provides an overview of 11 advanced uses for the SEO tool Screaming Frog. It begins with an introduction to Screaming Frog and its history of updates. It then discusses using Screaming Frog to crawl tricky sites like those with JavaScript, large sites, or password protection. Other sections cover scheduling crawls, integrating APIs like Google Analytics and Ahrefs, and performing post-crawl analysis of things like pagination, Hreflang, and XML sitemaps. Later sections discuss visualizations, auditing structured data and page speed, and using Screaming Frog for content marketing tasks like scraping news sites. The document concludes with some bonus uses like reviving old Google Search Console reports and scraping SERP features.
1. Web development used to be simple but has become increasingly complex over time as new technologies and frameworks have emerged.
2. The document argues that there is a distinction between native web apps that run entirely in the browser using JavaScript and server-side web apps, and that both have valid uses.
3. It advocates for building single-page apps as native web apps using modern browser capabilities and deploying them as static sites for performance and simplicity while relying on external services for backend functionality.
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
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Robert Nyman
This document provides an introduction to progressive web apps (PWAs). It discusses the history of web technologies from HTML and HTTP in the early 1990s to more recent developments like service workers, push notifications, and web app manifests that enable PWAs. Features of PWAs are described like reliability, performance, engagement, and integration with the operating system. Case studies are presented showing the benefits some companies have seen from implementing PWAs.
From Cache to Ca$h - Advanced use of WP Cache - Andrea CardinaliAndrea Cardinali
Advanced Use of WordPress Cache.
In this speech I've shown many different caching mechanism provided by WordPress and how to make good use of them.
You'll learn how to make a website resiliant,more performant and more profitable.
Talk @ WordCamp Turin 2019
======================
Sapevi che WordPress dispone già di un meccanismo di caching nativo e che ha molteplici utilizzi?
In questo speech mostrerò come utilizzare i diversi meccanismi di caching offerti da WordPress per rendere un sito resiliente e performante anche in condizioni di altro traffico e in grado di generare maggiori profitti.
Talk tenuto durante il WordCamp Torino 2019
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.
This document introduces progressive web apps (PWAs) and service workers. PWAs aim to provide native app-like experiences through the browser by being reliable, fast, and engaging. Service workers act as proxies that allow developers to control caching and how resources are requested. The document discusses prerequisites for PWAs, the service worker lifecycle, features like offline access, and tools for auditing PWAs.
2017 Silicon Valley Code Camp: Instant Mobile WebLisa Huang
Instant Mobile Web presentation for Silicon Valley Code Camp 2017.
Session: https://www.siliconvalley-codecamp.com/Session/2017/instant-mobile-web-an-accelerated-mobile-pages-primer
Let Non-Developers Develop your Site. Manu RaivioFuture Insights
FOWA London 2015
Testing different versions of your site can be hugely distracting; it’s both trivial and non-trivial, and terribly time-consuming. Layer-based iterative development can help by effectuating all changes in the user’s browser instead of the site’s backend. Manu will present this new approach to developing the best performing version of a site using the Frosmo javascript tag and SaaS platform. Together they can save time and let those most interested in the results be in charge of the tests, without putting your site at risk.
A short presentation answering 3 main questions. Why we need Progressive Web Apps(PWA)? What is a progressive web app & it's features? and how a PWA works?
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.
Progressive Web Apps and the Windows Ecosystem [Build 2017]Aaron Gustafson
Whether at home or at work, the web plays an increasingly critical role in our daily lives. As we have become more dependent on accessing the tools it powers, we’ve also struggled to overcome some of its limitations—network connectivity, for instance. At Microsoft, we’ve long been interested in the power of the web for software development and we are even more excited for the future possibilities offered by progressive web apps (PWAs). In this session, we discuss what PWAs are, how they can be integrated into the development process of modern websites, the advantages and disadvantages of PWAs vs. native development, and what opportunities they present when installed alongside native apps in Windows.
Guidance on how to develop a progressive web app using react native!Shelly Megan
The document discusses developing a progressive web app (PWA) using the React Native framework. It describes how several companies experienced success using PWAs, including increased engagement rates and reduced load times. The document then outlines key steps for building a PWA with React Native, such as adopting secure connections, adding a web app manifest, implementing a custom splash screen, integrating push notifications with Pusher, and auditing the code with Lighthouse. React Native is presented as an effective framework for PWA development due to its JavaScript libraries, plugins, and ease of creating PWAs with desired features.
Alex Russell Software Engineer, Google at Fastly Altitude 2016
New browser technologies are arriving that are poised to change user and developer expectations of what’s possible on the web; particularly on slow mobile devices with flaky connections. This talk discusses how these new technologies – Service Workers, Progressive Web Apps, HTTP/2, Push, Notifications, and Web Components are being combined, e.g. in the new PRPL pattern, to transform user experiences while improving business results.
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.
The document provides an agenda and summary for a talk on how the physical world is meeting the web through various technologies. The topics discussed include mobile and IoT, the Physical Web, Progressive Web Apps, and connecting through web APIs. Specific emerging APIs that allow access to device sensors and hardware are demonstrated, such as ambient light detection, web Bluetooth, and web audio. The talk aims to show how the web is becoming a universal platform to enable new experiences at the intersection of the digital and physical worlds.
Progressive Enhancement & Mobile [Funka 2012]Aaron Gustafson
The concept of progressive enhancement is the way forward for web design, especially on mobile devices. Aaron Gustafson shows you how the latest techniques - mobile first, responsive design, and adaptive UI - fit in to the process.
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
Here’s the content of This Presentation :
Progressive Web Apps
Service Workers
Comparison of Responsive Web, Native Apps, And PWA
Benefit Using PWA Technology
Framework in PWA
Is the buzz around Progressive Web Apps real or are they simply the latest fad? In this talk, you’ll learn exactly what Progressive Web Apps are, what problems they solve, and what new design challenges they present. Jason will show how organizations are using Progressive Web Apps to provide better and faster user experiences.
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.
Learn how to build your own PWA enabled page in under 5 minutes ⚡️, what SPAs' have to do with PWA and how Shopware implements their headless commerce solution!
11 Advanced Uses of Screaming Frog Nov 2019 DMSSOliver Brett
This document provides an overview of 11 advanced uses for the SEO tool Screaming Frog. It begins with an introduction to Screaming Frog and its history of updates. It then discusses using Screaming Frog to crawl tricky sites like those with JavaScript, large sites, or password protection. Other sections cover scheduling crawls, integrating APIs like Google Analytics and Ahrefs, and performing post-crawl analysis of things like pagination, Hreflang, and XML sitemaps. Later sections discuss visualizations, auditing structured data and page speed, and using Screaming Frog for content marketing tasks like scraping news sites. The document concludes with some bonus uses like reviving old Google Search Console reports and scraping SERP features.
The document provides an overview of progressive web apps (PWAs) and how to build one. It covers the key components of PWAs including the manifest, service workers, and app shell. It demonstrates how to add a manifest and cache files using service workers. While PWAs work well on modern browsers and Android, support is still limited on iOS and Safari. The presentation aims to introduce PWAs in under 50 minutes and provides additional resources for learning more.
Ian Varley shares how salesforce.com is currently using and contributing to open source and what he feels the benefits are to OSS. This was first presented at Dreamforce '13 with the same name.
Building a PWA - For Everyone Who Is Scared ToRaymond Camden
This document provides an overview of building progressive web apps (PWAs). It discusses the key technologies needed for PWAs including manifest files, service workers, and app shells. It provides examples of how to add a manifest to enable installable web apps, how to cache assets using service workers, and how to send push notifications. While Safari and iOS do not fully support these technologies yet, the document notes they are being developed for future releases.
Islam Magdy is a certified Google Project Engineer seeking a position where he can utilize his 5 years of experience as a Java developer and web developer specializing in PHP and Laravel. He has worked in technical management and backend development roles for several companies and as a freelancer, and has completed many client projects. His skills include PHP, Laravel, Java, Python, JavaScript, HTML, CSS, software development processes, and he has developed several web and mobile applications.
Google Cloud Developer Challenge - GDG Belgaumsandeephegde
The document discusses Google App Engine and Google Cloud Platform. It provides an overview of App Engine's capabilities including easy scaling, high availability, and reduced need for system administration. It also introduces several Google Cloud services like Compute Engine, Cloud Storage, Cloud SQL, Cloud Datastore, and others. It highlights how App Engine can be used to build mobile backends and discusses popular use cases. Overall it promotes App Engine and Google Cloud Platform for developing and hosting scalable web and mobile applications.
Measure and increase developer productivity with help of Severless by Kazulki...Vadym Kazulkin
The goal of Serverless is to focus on writing the code that delivers business value and offload everything else to your trusted partners (like Cloud providers or SaaS vendors). You want to iterate quickly and today’s code quickly becomes tomorrow’s technical debt. In this talk we will show why Serverless adoption increases the developer productivity and how to measure it. We will also go through AWS Serverless architectures where you only glue together different Serverless managed services relying solely on configuration, minimizing the amount of the code written.
High performance java script why everything youve been taught is wrongTao Gao
1) The document discusses high-performance JavaScript and describes how the speaker's company, Plaxo, almost failed to launch their product because it was too slow.
2) It presents a mantra for high-performance JavaScript: be lazy, be responsive, be pragmatic, be vigilant.
3) Some techniques discussed include writing less code, loading JavaScript on demand, drawing UI late, yielding to keep the interface responsive, and profiling relentlessly.
Measure and Increase Developer Productivity with Help of Serverless at Server...Vadym Kazulkin
The goal of Serverless is to focus on writing the code that delivers business value and offload everything else to your trusted partners (like Cloud providers or SaaS vendors). You want to iterate quickly and today’s code quickly becomes tomorrow’s technical debt. In this talk we will show why Serverless adoption increases the developer productivity and how to measure it. We will also go through AWS Serverless architectures where you only glue together different Serverless managed services relying solely on configuration, minimizing the amount of the code written.
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
The Salesforce core stack embraces Open Source Software. Join one of our leading engineers and learn about how we tackle enterprise-grade challenges for our customers using Hadoop, HBase, Jetty, Solr, and Apache QPID. We'll also discuss the process of opening internal libraries like Aura and Phoenix, as well as Salesforce's place in the larger Open Source community.
The document provides guidance on planning and executing a website project. It discusses key steps such as discovery, definition, design, development, and QA testing. During the discovery phase, functional and technical requirements are identified through asking questions. The define phase involves creating deliverables like a site map, user flows, and wireframes. Design focuses on staying aligned to strategy and wireframes while creating final site designs. Throughout the process, ensuring requirements defined earlier are met and teams collaborate on their respective phases.
CubeJS is a Node.js based application development platform at eBay. In this presentation, we will share our journey to build and launch this new platform at the eBay Marketplaces. We will discuss CubeJS’ overall architecture, versatile functionalities, robust operationalization, and streamlined development lifecycle process, as well as its customer adoption momentum in the company. We will also share a number of high-profile projects, powered on CubeJS, to be debuted by eBay Inc. ranging from Web to Mobile.
Silicon Halton Meetup #44 - Special Presentation By The Weather NetworkSilicon Halton
The Weather Network | Pelmorex Media Inc. provides weather information to millions of Canadians each day across it’s media properties - television (15 million monthly viewers), online (8 million monthly unique users), mobile and tablet apps (8 million monthly users). They are also one of the largest information technology companies in Halton region – employing over 450 people. Their goal is to be the best weather and weather-related content and information provider in Canada. They are committed to delivering weather information to consumers 24 hours a day, 365 days a year, across all platforms
Carrie Lysenko, Director Web Services, Moe Abeidat, Director Software Development, and Matt Mejaski, Software Development Manager, shared their story about the evolution of their strategy from television to interactive websites and apps. They discussed the website’s history, it’s challenges, why and how they recently re-launched their website, and what they see for the Weather Network’s future. It’s a great made in Canada technology story.
The document is a resume for a seasoned digital developer named Robbie Byrd located in Austin, TX. It summarizes his experience building software using various programming languages and frameworks. It lists his work history including roles as a senior developer for Whole Foods Market, lead developer and team manager for Onelive Media, and senior developer and manager for Q2eBanking.
This is a talk I gave at IPC 2014 in Munich.
It's about how to build durable web apis based on the experience gained at Namshi while we were developing our SOA architecture
This document outlines an agenda for a web performance training course. It introduces key concepts like why performance matters, how to define and measure performance metrics, and how to identify and address performance problems. It provides numerous links to tools and resources for auditing site performance, establishing performance budgets, monitoring performance over time, and optimizing code and assets to improve loading speed. The goal is to help attendees learn how to evaluate the performance of their sites and make them faster.
Measure and Increase Developer Productivity with Help of Serverless AWS Commu...Vadym Kazulkin
This document discusses increasing developer productivity through serverless computing. It begins by outlining various types of cognitive load on developers and how serverless can help minimize extraneous load. It then discusses how technical debt and inability to evolve can reduce productivity. Serverless is presented as helping reduce technical debt through writing less code and fewer dependencies. The total cost of ownership advantages of serverless are covered, including no infrastructure maintenance, built-in auto-scaling, ability to do more with fewer resources, lower technical debt, and faster time to market. Best practices like evolutionary architecture, DevOps, and chaos engineering are discussed for effectively leveraging serverless. Recent improvements to serverless offerings from AWS are summarized.
The document discusses Google's AMP (Accelerated Mobile Pages) project. It provides an overview of what AMP is, including its history and timeline, key components like AMP HTML and the AMP JavaScript library. It also discusses how AMP aims to improve page load speeds and user experience on mobile, as well as tracking conversions on AMP pages and implementing AMP on WordPress sites.
Similar to 10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017 (20)
Präsentation zum Trust Agents (part of Dept) Meetup am 30.10.18 in Berlin. Das Thema lautet "Einstieg ins Data-Driven Marketing" und es werden drei Schwerpunkte - Reporting, Analyse, Personalisierung - behandelt.
Mit Mühe erstellter, spannender Content kommt bei dem Publikum nicht immer mit gleichem Erfolg an. Manchmal wird der Content gar nicht wahrgenommen und erreicht die angestrebte Zielgruppe nicht. Das kann an den fehlenden Marketingaktivitäten oder an der versteckten Positionierung des Contents-Pieces liegen. Wie können Sie die Sichtbarkeit Ihres Contents erhöhen und gleichzeitig die richtige Zielgruppe erreichen?
Es wird endlich Zeit die eigene Webseite aufzuräumen! Dominik erzählt euch, wie ihr am besten vorgeht.
Dominik Wojcik der Geschäftsführer der Online-Marketing-Agentur Trust Agents aus Berlin auf der SEOkomm 2016.
Wir haben uns ganz konkret der Frage gewidmet, was das Crawl-Budget eigentlich ist und wie dieses ausgewertet werden kann.
Johannes Giesche und Eduard Protzel von der Online-Marketing-Agentur Trust Agents aus Berlin auf der SEO Campixx 2018
Alles, was man über SEO abseits von Themen wie App-Indexing, AMP und Co wirklich wissen muss. Onpage & Offpage Optimierung einfach erklärt.
Vortrag des CEO Stephan Czysch von der Berliner Online-Marketing-Agentur Trust Agents. Präsentiert auf der Co-Reach 2017.
Welche Informationen liefert Google Webmastern über die Search Console? Wie kann man die Daten einfach über die API exportieren? Wie können Datenlimits im Frontend einfach umgangen werden? Warum stellt Google diese Daten zur Verfügung? Was sagt das über mögliche Rankingfaktoren aus?
Vortrag des CEO Stephan Czysch von der Berliner Online-Marketing-Agentur Trust Agents. Präsentiert auf der OMX 2015.
Was ist der Unterschied zwischen robots.txt und meta robots?
Was ist der Unterschied zwischen Crawling und Indexierung?
Welche Inhalte crawlt Google?
Wie kann das Crawling optimiert werden?
Vortrag von Stephan Czysch zum Thema Logfile-Analysen auf der SEO Campixx 2014.
In der auf der SEOkomm 2012 gehaltenen Präsentation gehen Benedikt Illner und Dominik Wojcik darauf ein, wie man SEO-Prozesse in einem Unternehmen etabliert, diese durch Tools unterstützt und somit den SEO-Erfolg maximiert.
Gen Z and the marketplaces - let's translate their needsLaura Szabó
The product workshop focused on exploring the requirements of Generation Z in relation to marketplace dynamics. We delved into their specific needs, examined the specifics in their shopping preferences, and analyzed their preferred methods for accessing information and making purchases within a marketplace. Through the study of real-life cases , we tried to gain valuable insights into enhancing the marketplace experience for Generation Z.
The workshop was held on the DMA Conference in Vienna June 2024.
HijackLoader Evolution: Interactive Process HollowingDonato Onofri
CrowdStrike researchers have identified a HijackLoader (aka IDAT Loader) sample that employs sophisticated evasion techniques to enhance the complexity of the threat. HijackLoader, an increasingly popular tool among adversaries for deploying additional payloads and tooling, continues to evolve as its developers experiment and enhance its capabilities.
In their analysis of a recent HijackLoader sample, CrowdStrike researchers discovered new techniques designed to increase the defense evasion capabilities of the loader. The malware developer used a standard process hollowing technique coupled with an additional trigger that was activated by the parent process writing to a pipe. This new approach, called "Interactive Process Hollowing", has the potential to make defense evasion stealthier.
Ready to Unlock the Power of Blockchain!Toptal Tech
Imagine a world where data flows freely, yet remains secure. A world where trust is built into the fabric of every transaction. This is the promise of blockchain, a revolutionary technology poised to reshape our digital landscape.
Toptal Tech is at the forefront of this innovation, connecting you with the brightest minds in blockchain development. Together, we can unlock the potential of this transformative technology, building a future of transparency, security, and endless possibilities.
Discover the benefits of outsourcing SEO to Indiadavidjhones387
"Discover the benefits of outsourcing SEO to India! From cost-effective services and expert professionals to round-the-clock work advantages, learn how your business can achieve digital success with Indian SEO solutions.
3. DOMINIK WOJCIK
GRÜNDER VON TA TRUST AGENTS INTERNET GMBH
SKILLS
• ÜBER 17 JAHRE SEO-/ONLINE-MARKETING-ERFAHRUNG
• 2,5 JAHRE AUFBAU DES INHOUSE SEO-TEAMS BEI ROCKET INTERNET
• INTERIMS HEAD OF SEO BEI ZALANDO
• 6 JAHRE ENTWICKLER & PROGRAMMIERER (KÜHNE UND NAGEL, ENERGIS ISION, ARCOR)
• BUSINESS ANGEL
21. • SERVER SIDE RENDERING IN DEN FRAMEWORKS AKTIVIEREN *SAFTY FIRST!*
• GOOGLE CACHE FUNKTIONIERT HIER NICHT ALS REFERENZ!
• ACHTET AUF INDEXIERBARE URLS UND PUSHSTATE RICHTIG HANDELN
• JS NICHT ÜBER DIE ROBOTS.TXT SPERREN
• BASICS DER JAVASCRIPT URLS NICHT VERGESSEN (METAS)
• FEHLERCODE HANDLING WIRD SCHWIERIG WIEDER LOSZUWERDEN
HEADERCODE WIE 404/410 ZU SETZEN IST NICHT EINFACH, VORSICHT ALSO!
• A HREF UND IMG TAGS SOLLTEN IN JS DOKUMENTEN GESETZT WERDEN
• DIE ART DER JS IMPLEMENTIERUNG MACHT EINEN GROSSEN UNTERSCHIED
(INLINE VS. EXTERNAL)
• RENDERING SERVICES, WIE PRERENDER.IO/RENDERTRON! NUTZEN, WENN ES NICHT ANDERS GEHT
SEO HANDLING VON JS FRAMEWORKS
27. INSTALLATIONSBANNER KANN WIE EINE APP
GESTARTET WERDEN
SPLASH SCREEN
(CHROME 47+ ANDROID)
FUNKTIONIERT ÜBER
SERVICEWORKER AUCH
OFFLINE
PROGRESSIVE WEB APPLICATIONS
28. • NÄCHSTE STUFE VON RESPONSIVE DESIGN UND APP ENTWICKLUNG
• BASIERT AUF HTML5, CSS3 & JAVASCRIPT
• SERVICE WORKER SIND JAVASCRIPT PROGRAMME, DIE IM HINTERGRUND, z.B. CACHE UND PUSH
NOTIFICATIONS, HANDELN KÖNNEN
• PROGRESSIVE WEB APPS LAUFEN NUR AUF HTTPS (ZWINGEND NOTWENDIG)
• AKTUELL NOCH KEINE VOLLE UNTERSTÜTZUNG, DA EINIGE BROWSER (SAFARI, EDGE UND OPERA)
NOCH NICHT DIE VOLLE FUNKTIONALITÄT UNTERSTÜTZEN
• DA PROGRESSIVE WEB APPS ABER IN PROGRESSIVE ENHANCEMENT ENTWICKELT WORDEN SIND,
FUNKTIONIEREN SIE AUCH IN iOS (ABGESPECKT, Z.B. OFFLINE FUNKTIONALITÄT NICHT GEGEBEN)
• EINE APP FÜR DIE MOBILE WEBSEITE UND APP STORE (KEINE 2-WELTEN-ENTWICKLUNG MEHR)
• ES WIRD KEIN APP STORE MEHR BENÖTIGT!
PROGRESSIVE WEB APPLICATIONS
48. – #6 –
LOGFILE ANALYSE ÜBER
BIG QUERY & GOOGLE DATA STUDIO
49.
50.
51.
52. • SKALIERBAR IN DER CLOUD
• LEICHT SHAREBARES FRONTEND
• GERINGE KOSTEN
• UPLOADPROZESS KANN AUTOMATISIERT WERDEN
• LEIDER ETWAS LANGSAM BEI GROSSEN DATENMENGEN
LOGFILE ANALYSE ÜBER
BIG QUERY & GOOGLE DATA STUDIO
53. – #7 –
KEIN BOCK, ELK SELBST ZU
HOSTEN/INSTALLIEREN?
69. • USER AGENT HEADER
• ACCEPT HEADER
• CONNECTION HEADER
• ENCODING HEADER
• LANGUAGE HEADER
• LIST OF PLUGINS
• OPERATING SYSTEM
• COOKIES PREFERENCES
• DO NOT TRACK PREFERENCES
• TIMEZONE
• SCREEN RESOLUTION / COLOR DEPTH
• USE OF LOCAL STORAGE
• PICTURE RENDERED WITH HTML CANVAS ELEMENT
• PICTURE RENDERED WITH WEBGL
• PRESENCE OF ADBLOCK
• LIST OF FONTS
• ETC...
WELCHE METRIKEN
WERDEN GEPRÜFT?
79. WETTBEWERBER ÜBERWACHEN...
• SCHEMA.ORG MARKUPS MONITORING
• NEUE LANDINGPAGES / NEUE KATEGORIEN
• CONTENT UPDATE ZYKLEN
• INTERNE VERLINKUNGEN
• REDIRECTS
• HEADER MONITORING (META DESCRIPTION, TITLE TAG)
• ARCHIVE FÜR RÜCKVERFOLGUNGEN AUFBAUEN
• ETC...
WAS KANN ICH ALLES DAMIT MACHEN?
88. • DOMAININDEX FÜR EXPIRED DOMAINS AUFBAUEN
• CONTENT- UND TEXT-ANALYSEN FAHREN
• AI/KI ALGORITHMEN TRAINIEREN
• LINKINDEX AUFBAUEN
• CONTENT-MARKETING-DATEN FÜR ANALYSEN
• EIGENE SUCHMASCHINE BAUEN
• ZU FINDEN UNTER -> http://commoncrawl.org/
WAS KANN ICH ALLES DAMIT MACHEN?
92. WARUM SOLLTE ICH DIE SECURITY HEADER SETZEN?
• SICHER DEINE WEBSEITE GEGEN NEGATIVE ATTACKEN
• HTTPS SCHÜTZT DICH NICHT ALLEINE GEGEN HACKER-ATTACKEN
• DOMAINQUALITÄT HEBEN
• SCHÜTZE DEINEN SEO-ERFOLG
• XSS KANN NUN IM RENDERING-PROZESS ERKANNT WERDEN
• NUTZT TOOLS, WIE PATRONUS.IO, DIE EUCH HELFEN, EURE WEBSEITE ZU SCHÜTZEN!
93. SETZT DIE SECURITY HEADER
• SENDE KEINE REFERRER, WENN DU
RAUSLINKST
• SENDE KEINE REFFERER, WENN DU VON
HTTPS AUF HTTP RAUSLINKST
• REFERRER KÖNNEN GEZIELT AUCH GESTEURT
WERDEN, Z.B. NUR INTERN WEITERGEGEBEN
• AKTUELL NOCH IN DER W3C CANDIDATE
RECOMMENDATION
ACHTUNG DER REFERRER POLICY HEADER IST NEU 2/2017
94. SETZT DIE SECURITY HEADER
• SICHER DEINE WEBSEITE GEGEN NEGATIVE ATTACKEN
• HTTPS SCHÜTZT DICH NICHT ALLEINE GEGEN HACKER-ATTACKEN
• DOMAINQUALITÄT HEBEN
• SCHÜTZE DEINEN SEO-ERFOLG
• XSS KANN NUN IM RENDERING-PROZESS ERKANNT WERDEN
• NUTZT TOOLS, WIE PATRONUS.IO, DIE EUCH HELFEN, EURE WEBSEITE ZU SCHÜTZEN!
WARUM SOLLTE ICH DIE SECURITY HEADER SETZEN?
PropType ValidierungSynthetisch Ereignisse: Preacts Ziel in der Browserunterstützung setzt diesen zusätzlichen Mehraufwand nicht vorraus.
Matratzen Online Verkaufen
Add event listeners that listen for a specific event such as click, mouseover etc…
When the above event is triggered, we’ll use XMLHttpRequest to grab the new content.
The new content will then be used to overwrite the old content.
We’ll use the pushState() method to update the URL.