The document discusses optimizing web performance. It begins by defining critical rendering path optimization, which involves identifying the minimum CSS needed to render the initial viewport of a page. This critical CSS can be inlined into the page head to avoid an additional HTTP request. Non-critical CSS is then preloaded asynchronously so it downloads in parallel without blocking page rendering. Tracking paint metrics like first contentful paint and time to interactive is also recommended to measure performance improvements. Overall, the document emphasizes optimizing the critical resources needed for the initial page load.
Meine Präsentation von der SEOkomm 2018 mit vielen Tipps und Empfehlungen rund um das Thema Logfile Analyse - inkl. Übersicht Marktübersicht der Tools, vielen Logfile Auditing Workflows, etc.
The Quickest Win in SEO – How to do Internal Linking the Right WayMartin Hayman
This was a talk from BrightonSEO September 2021 and covers not only the importance of internal linking but also how to do it. It also covers a number of examples and additional tips.
SEO Audit Workshop : Frameworks , Techniques and Tools NEW MEDIA GURU
This webinar will cover practical steps , tools and process for conducting SEO audit from time to time. SEO audits can be used for a variety of benefits and can yield data which can help other digital marketing initiatives and SEO strategy itself.
Webinar will cover the following
1. Framework and process for SEO audit
2. Tools and their usage in SEO audits
3. How to present your SEO audit reports to various levels of management
4. How to created actionable next steps from SEO audit
Shopifucked: How to screw up your e-commerce site when re-platforming - Andy ...AndrewFrobisher
My Brighton SEO talk on how to screw up e-commerce sites when re-platforming, along with my key recommendations on how to not fuck them up in the first place.
Meine Präsentation von der SEOkomm 2018 mit vielen Tipps und Empfehlungen rund um das Thema Logfile Analyse - inkl. Übersicht Marktübersicht der Tools, vielen Logfile Auditing Workflows, etc.
The Quickest Win in SEO – How to do Internal Linking the Right WayMartin Hayman
This was a talk from BrightonSEO September 2021 and covers not only the importance of internal linking but also how to do it. It also covers a number of examples and additional tips.
SEO Audit Workshop : Frameworks , Techniques and Tools NEW MEDIA GURU
This webinar will cover practical steps , tools and process for conducting SEO audit from time to time. SEO audits can be used for a variety of benefits and can yield data which can help other digital marketing initiatives and SEO strategy itself.
Webinar will cover the following
1. Framework and process for SEO audit
2. Tools and their usage in SEO audits
3. How to present your SEO audit reports to various levels of management
4. How to created actionable next steps from SEO audit
Shopifucked: How to screw up your e-commerce site when re-platforming - Andy ...AndrewFrobisher
My Brighton SEO talk on how to screw up e-commerce sites when re-platforming, along with my key recommendations on how to not fuck them up in the first place.
Web servers can often feel overwhelming - but optimising your servers can be critical to unlocking better SEO performance. In this talk, Ash will guide you through the vital concepts every SEO needs to grasp to improve server speed, with a specific focus on improving TTFB. Empowering you with the knowledge to make smarter back-end technical recommendations.
SEO Audit Workshop: Framework, Techniques And ToolsDigital Vidya
Care about learning 'SEO Audit Workshop: Framework, Techniques And Tools'. You will find this deck presented by Mohit Maheshwari, MD, New Media Guru during Digital Marketing Webinar for Digital Vidya. Interested in attending similar Webinar Live? Register Now at http://www.digitalvidya.com/webinars/
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...Catalyst
View the recording here: https://www.catalystdigital.com/techseoboost/#on-demand-recordings
Jamie Indigo, Technical SEO Consultant, DeepCrawl
Everyone's buzzing about Core Web Vitals, but we often overlook critical context-- these metrics are the results of how we render content. Let's deep dive into render mechanics, strategies, performance measurement and what's the best fit for your site. As with most things SEO: it's not about what you do; it's how you do it.
With the SEO industry ever evolving and new trends constantly emerging, is content still the key to a successful strategy?
How do you make sure your content is up to the latest search standards?
Watch for an insightful webinar where Carlos Meza, President and CEO of Crowd Content, will share what it takes to form an effective content strategy, while keeping up with modern times.
You’ll learn:
- The role of content in modern SEO.
- Content strategies that used to work and now don’t.
- The different types of content you can create to capture more organic traffic.
- How to future-proof and scale your content strategy to increase organic traffic.
Talk by Louise at SEO Brighton in April 2022.
It is really easy to design and build a beautiful but slow WordPress website! The Google update for Core Web Vitals is a set of SEO ranking signals to help website owners improve the speed and user experience for their website.
In this talk Louise will share with you how to adjust your WordPress site to improve your Core Web Vital scores. The strategies are different for each metric so she will go through each one and give you some practical ideas you can take back and action or ask your developer to implement.
The Python Cheat Sheet for the Busy MarketerHamlet Batista
What percentage of an Inbound marketer's day doesn't involve working with spreadsheets? How much of this work is time-consuming and repetitive? In this interactive session, you will learn how to manipulate Google Sheets to automate common data analysis workflows using Python, a very easy to use programming language.
How to convince even the pickiest editors to take SEO more seriously :: brigh...Ian Helms
Let's face it: Editorial teams may not prioritize SEO, but it's an essential aspect of online content creation. Editorial teams are under constant pressure to produce timely and relevant content, often overlooking the long-term benefits of search-friendly, evergreen articles. While breaking news and current events are crucial for driving immediate traffic, organic-focused content can provide long-term value by continuously attracting visitors through search engines. During this presentation, Ian will share his historical experience working with editorial teams and how he successfully incorporates SEO into their workflow. You'll learn how they address common pain points and use data to generate enthusiasm for organic search.
BrightonSEO April 2023 Similar AI: Automation recipes for SEO successDylan Fuler
Automation recipes for SEO success. A presentation from BrightonSEO (the April 2023 edition): about some of the automation ingredients & recipes that Similar AI users have written that grew ranking & traffic... and the ones that didn't. Topics covered include: automation, no code SEO, keyword research, Google Search Console, ChatGPT, site maps, SERPs, faceted navigation, linking and more.
Super speed around the globe - SearchLeeds 2018Bastian Grimm
My talk covering some of the very latest in web performance optimisation (paint timings, critical rendering path, custom web fonts, etc.) for technical marketers & SEOs from SearchLeeds 2018.
SearchLeeds 2018 - Bastian Grimm - Peak Ace - International site speed: Going...Branded3
Especially in a mobile-first world, fast loading websites are of utmost importance. Also, Google has been very vocal about anything web performance in the last few years and is pushing hard to innovate repeatedly. But performance is so much more! User satisfaction should be the main goal because expectations are clear: You’ve got two to three seconds maximum to deliver, so make it count. During Bastian's SearchLeeds 2018 talk he walked through various advanced topics around web performance optimisation going way beyond Accelerated Mobile Pages (and other short-term solutions) to make any website really, really fast.
Web servers can often feel overwhelming - but optimising your servers can be critical to unlocking better SEO performance. In this talk, Ash will guide you through the vital concepts every SEO needs to grasp to improve server speed, with a specific focus on improving TTFB. Empowering you with the knowledge to make smarter back-end technical recommendations.
SEO Audit Workshop: Framework, Techniques And ToolsDigital Vidya
Care about learning 'SEO Audit Workshop: Framework, Techniques And Tools'. You will find this deck presented by Mohit Maheshwari, MD, New Media Guru during Digital Marketing Webinar for Digital Vidya. Interested in attending similar Webinar Live? Register Now at http://www.digitalvidya.com/webinars/
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...Catalyst
View the recording here: https://www.catalystdigital.com/techseoboost/#on-demand-recordings
Jamie Indigo, Technical SEO Consultant, DeepCrawl
Everyone's buzzing about Core Web Vitals, but we often overlook critical context-- these metrics are the results of how we render content. Let's deep dive into render mechanics, strategies, performance measurement and what's the best fit for your site. As with most things SEO: it's not about what you do; it's how you do it.
With the SEO industry ever evolving and new trends constantly emerging, is content still the key to a successful strategy?
How do you make sure your content is up to the latest search standards?
Watch for an insightful webinar where Carlos Meza, President and CEO of Crowd Content, will share what it takes to form an effective content strategy, while keeping up with modern times.
You’ll learn:
- The role of content in modern SEO.
- Content strategies that used to work and now don’t.
- The different types of content you can create to capture more organic traffic.
- How to future-proof and scale your content strategy to increase organic traffic.
Talk by Louise at SEO Brighton in April 2022.
It is really easy to design and build a beautiful but slow WordPress website! The Google update for Core Web Vitals is a set of SEO ranking signals to help website owners improve the speed and user experience for their website.
In this talk Louise will share with you how to adjust your WordPress site to improve your Core Web Vital scores. The strategies are different for each metric so she will go through each one and give you some practical ideas you can take back and action or ask your developer to implement.
The Python Cheat Sheet for the Busy MarketerHamlet Batista
What percentage of an Inbound marketer's day doesn't involve working with spreadsheets? How much of this work is time-consuming and repetitive? In this interactive session, you will learn how to manipulate Google Sheets to automate common data analysis workflows using Python, a very easy to use programming language.
How to convince even the pickiest editors to take SEO more seriously :: brigh...Ian Helms
Let's face it: Editorial teams may not prioritize SEO, but it's an essential aspect of online content creation. Editorial teams are under constant pressure to produce timely and relevant content, often overlooking the long-term benefits of search-friendly, evergreen articles. While breaking news and current events are crucial for driving immediate traffic, organic-focused content can provide long-term value by continuously attracting visitors through search engines. During this presentation, Ian will share his historical experience working with editorial teams and how he successfully incorporates SEO into their workflow. You'll learn how they address common pain points and use data to generate enthusiasm for organic search.
BrightonSEO April 2023 Similar AI: Automation recipes for SEO successDylan Fuler
Automation recipes for SEO success. A presentation from BrightonSEO (the April 2023 edition): about some of the automation ingredients & recipes that Similar AI users have written that grew ranking & traffic... and the ones that didn't. Topics covered include: automation, no code SEO, keyword research, Google Search Console, ChatGPT, site maps, SERPs, faceted navigation, linking and more.
Super speed around the globe - SearchLeeds 2018Bastian Grimm
My talk covering some of the very latest in web performance optimisation (paint timings, critical rendering path, custom web fonts, etc.) for technical marketers & SEOs from SearchLeeds 2018.
SearchLeeds 2018 - Bastian Grimm - Peak Ace - International site speed: Going...Branded3
Especially in a mobile-first world, fast loading websites are of utmost importance. Also, Google has been very vocal about anything web performance in the last few years and is pushing hard to innovate repeatedly. But performance is so much more! User satisfaction should be the main goal because expectations are clear: You’ve got two to three seconds maximum to deliver, so make it count. During Bastian's SearchLeeds 2018 talk he walked through various advanced topics around web performance optimisation going way beyond Accelerated Mobile Pages (and other short-term solutions) to make any website really, really fast.
Web Performance Madness - brightonSEO 2018Bastian Grimm
My talk from brightonSEO 2018 covering various web performance strategies, this time mainly focussing on critical rendering path, various image optimisation strategies as well as how to handle custom web fonts.
During this talk about web performance, you will discover how to make your website faster and more usable, and how this leads to an improvement in user experience and an increase of visibility of your site on search engines, even reducing digital marketing costs.
Andrea will share his extensive web performance experience and provide practical, high-impact, and easily applicable tips on how to improve performance in 2023.
Andrea Verlicchi is a Google Developer Expert for Web Performance, he has extensive experience in this sector, having worked with some of the largest companies in the world to improve their web performance. Andrea writes about the web in important specialized magazines and regularly shares his know-how in conferences and Meetups all over Europe.
Presented at SCREENS 2013 in Toronto.
Details at fitc.ca/screens
In this talk, Digiflare lead iOS developer Justin Howlett will discuss the impact of performance on User Experience. Justin will discuss easy to implement platform agnostic techniques, technologies and libraries to improve your user experience through performance. Although most techniques and technologies are platform agnostic many of the case studies and examples will be presented in native Objective-C for iOS.
The technology landscape is changing with every passing year. The technology landscape is changing with every passing year. More people than ever before are now online. It also means that the ways that people are accessing the web all over the world are changing, too.
In this talk, I talk about the different techniques coupled with few case studies on how to improve front-end performance.
SEO 101 - Google Page Speed Insights Explained Steve Weber
During our second SEO webinar lesson, we spoke about the importance of site speed. We ran through an explanation of the Google Page Speed insights tool and how to take care of the most common optimizations the tool sugests to site oweners.
Damien Pobel, expert technique PHP chez Smile, a animé une conférence sur le thème des front-end performances avec eZ Publish.
Les slides de sa présentation exposant quelques spécificités liées à eZ Publish sont disponibles ici.
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
My talk [DE] from SEOday 2020 in Cologne titled: "Surprise, Surprise - Fünf Dinge, die du über technische Suchmaschinenoptimierung bisher nicht wusstest". Enjoy!
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGBastian Grimm
My kick-off talk for a webinar titled "Technical SEO vs. UI/UX" which featured a panel of speakers discussing if and how SEO should work (more closely) together with UX. Enjoy!
Migration Best Practices - SMX West 2019Bastian Grimm
My talk from SMX West 2019 in San Jose covering best practices on how to successfully navigate through the various types of migrations (protocol migrations, frontend migrations, website migration, cms migration, etc.) from an SEO perspective - mainly focussing on all things technical SEO.
Migration Best Practices - Search Y 2019, ParisBastian Grimm
My talk from SEARCHY 2019 in Paris covering best practices on how to successfully navigate through the various types of migrations (protocol migrations, frontend migrations, website migration, cms migration, etc.) from an SEO perspective - mainly focussing on all things technical SEO.
Migration Best Practices - SEOkomm 2018Bastian Grimm
My talk from SEOkomm 2018 in Salzburg covering best practices on how to successfully naviate through the various types of migrations (protocal migrations, frontend migrations, etc.) from an SEO perspective - mainly focussing on all things tech.
OK Google, Whats next? - OMT Wiesbaden 2018Bastian Grimm
My talk from Online Marketing Tag (OMT) Wiesbaden 2018 covering the ever-changing landscape of search and some of the stuff that I think will have a significant impact on SEO in the very near future!
Migration Best Practices - SMX London 2018Bastian Grimm
My talk from SMX 2018 in London covering best practices on how to successfully naviate through the various types of migrations (protocal migrations, frontend migrations, etc.) from an SEO perspective - mainly focussing on all things tech.
Welcome to a new reality - DeepCrawl Webinar 2018Bastian Grimm
My webinar with DeepCrawl talking about mobile-friendliness, assessing keyword targeting on mobile, finding content inconsistencies across devices and much, much more!
How fast is fast enough - SMX West 2018Bastian Grimm
My talk on web performance optimizations (including critical rendering path, better measurements, paint timings, custom font optimization, chrome performance observer and much more) from SMX West 2018 in San Jose.
Meine Session von der OMX 2017 in Salzburg rund um das Thema "Digitale Assistenten", inklusive vieler Tipps zur Optimierung von Voice Search Systemen, primär für den Google Assistant bzw. Google Home.
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Bastian Grimm
My talk from SMX 2017 in New York covering best practices on how to successfully naviate through the various types of migrations (protocal migrations, frontend migrations, etc.) from an SEO perspective.
Welcome to a New Reality - SEO goes Mobile First in 2017Bastian Grimm
Crawling, Indexing & Ranking in the age of a mobile first world. Meine Präsentation von der OMT 2017 in Wiesbaden rund um das Thema "Mobile First Indexing" inkl. Performance Optimierungen, Responsive Design & vielem mehr.
Welcome to a New Reality - SEO goes Mobile First in 2017Bastian Grimm
Crawling, Indexing & Ranking in the age of a mobile first world. Meine Präsentation von der OMT 2017 in Wiesbaden rund um das Thema "Mobile First Indexing" inkl. Performance Optimierungen, Responsive Design & vielem mehr.
HTTPs Migration How To - SMX München 2017Bastian Grimm
Meine Präsentation der SMX 2017 in München (Tag 2) rund um das Thema "HTTPs Site Migration" inkl. ausführlicher Checkliste, diversen Tools für Monitoring, Testing, etc. sowie vielem mehr!
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017Bastian Grimm
Meine Präsentation der SMX 2017 in München rund um das Thema Keyword Architektur, inkl. Searchers Intent, Desktop vs. Mobile Use-Cases, lokalisierten SERPs sowie diversen Tools.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
5. pa.ag@peakaceag6
USA Today created a super fast GDPR-compliant domain
500 vs. 34 requests, 140 vs. 0 JS files, 6 vs. 1 CSS, 5.01 MB vs. 356 kB in size, etc.
EU
0.300 sec
0.345 sec
0.995 sec
443
US
1.700 sec
3.604 sec
19.261 sec
8,792
Start Render
First Interactive
Load Time
Speed Index
34 859Total Requests
356 kB 5,092 kBBytes in
6. Fast loading time plays an important role in overall user experience!
Performance = user experience!
7. pa.ag@peakaceag8
My favourite statistic regarding web performance
Source: Ericsson ConsumerLab, Neurons Inc. 2015
Solving a maths problem
Experiencing mobile delays
Watching a horror movie
Standing at the edge of a virtual cliff
Watching a melodramatic TV show
Waiting in line at a retail store
Level of stress caused by
mobile delays is
comparable to watching
a horror movie!
9. pa.ag@peakaceag12
Now, please don’t forget your desktop; both are relevant!
Especially for responsive sites, this can be a massive challenge!
With the mobile-first index, will desktop rankings use
mobile page speed instead of desktop page speed?
No […] as mentioned […], while our index will be built from
mobile documents, we’re going to continue to build a great
search experience for all users, whether they come from
mobile or desktop devices.”
Source: Google spokesperson (https://pa.ag/2FGGKAi)
11. pa.ag@peakaceag14
Client-side/front-end optimisation tasks
Use my checklist on SlideShare to double check:
All slides on SlideShare: http://pa.ag/iss18speed
▪ Establish a content-first approach: progressive enhancement,
also prioritise visible, above the fold content: 14kB (compressed).
▪ Reduce size: implement effective caching and compression.
▪ Whenever possible, use asynchronous requests.
▪ Decrease the size of CSS and JavaScript files (minify).
▪ Lean mark-up: no comments, use inline CSS/JS only where
necessary or useful.
▪ Optimise images: reduce overhead for JPGs & PNGs (metadata,
etc.), request properly sized images and try new formats.
▪ Minimise browser reflow & repaint.
12. pa.ag@peakaceag15
Server-side/back-end optimisation tasks
Use my checklist on SlideShare to double check:
All slides on SlideShare: http://pa.ag/iss18speed
▪ Use (DNS) pre-fetching & pre-rendering (resource hints).
▪ Use a Content Distribution Network (CDN)/an asset server
(as well as cookie-less domains) to optimise parallel requests.
▪ Switch to HTTPS, combine by utilising HTTP/2 and HTTP/2
specific features (e.g. ServerPush).
▪ Leverage browser caching, also consider using edge caching.
▪ Enable OCSP stapling (for HTTPS) to speed up CA validation.
▪ Database & query optimisation (e.g. mem-caching).
▪ General code & runtime optimisation (e.g. CPU utilisation).
14. pa.ag@peakaceag17
60% of all web traffic is made up of images...
The average website transfers between 800 and 900kB of images per URL!
Source: https://pa.ag/2xwHOFN
15. pa.ag@peakaceag18
Basic optimisation for all images: put ‘em on a diet!
tinyPNG & tinyJPG for smart (lossy) compression & removal of metadata et al.
API access, various plug-ins (WP, etc.) as well as direct integration into Photoshop.
Source: http://tinypng.com | http://tinyjpg.com
16. pa.ag@peakaceag19
WebP: Google’s alternative to JPEG, PNG, and GIF
Lossy & lossless compression, transparency, metadata, colour profiles, animation, and
much smaller files (30% vs. JPEG, 80% vs. PNG) – but only in Chrome, Opera & Android.
Everything about WebP: http://pa.ag/1EpFWeN / & WebP support: http://pa.ag/2FZK4XS
17. pa.ag@peakaceag20
You can use WebP with an on-the-fly replacement
Swap PNG and JPEG images per re-write (i.e. using nginx / Apache configuration).
Alternatively: the <picture> element allows you to specify multiple file types manually.
VS.
18. pa.ag@peakaceag21
There is way more: FLIF, BPG, JPEG-XR, etc.
If you’re “image-heavy”, play around with it!
Further reading: http://pa.ag/1S5OQmX
20. pa.ag@peakaceag23
We did this for one of our clients:
Overall image transfer traffic decreased from 550GB to 140GB (a 75% reduction)!
(To be fair: only half of their JPGs were properly optimised beforehand.)
21. Because latency does matter, especially for international sites!
Let’s talk (image) CDNs for a minute
22. pa.ag25
Especially for global businesses, CDNs can be a great help
Use CDNPerf.com to find the one that suits you best, depending on where you are and
which regions/countries you‘re predominantly serving:
Give it a try: https://www.cdnperf.com/
25. pa.ag@peakaceag28
>70% of all websites use at least one non-standard font!
Result: 97kB of additional data and on average 3-4 additional HTTP requests.
Source: https://pa.ag/2I7vAHC
26. pa.ag@peakaceag29
Classic scenario: using external CSS
Easy to use with one big disadvantage: it’s render-blocking!
CSS (font) call to Google causes the render to
stop / block until the download has finished!
27. FOIT (flash of invisible text) or FOUT (flash of unstyled text)
can cause irritating flickering
Asynchronous?
28. pa.ag@peakaceag31
Fighting the flash of unstyled text/content
Make your fall-back font match the intended web font (letter spacing, heights, etc.)
Give it a try: https://pa.ag/2qgE8EH
29. pa.ag@peakaceag32
Fighting the flash of invisible text
New stuff to play around with: various “font-display” strategies (no IE/Edge yet)
More: http://pa.ag/2eUwVob
‘font-display’ enables text to be displayed while the font itself is still loading!
31. pa.ag@peakaceag34
If you can only do one thing, I’d recommend doing this:
100ms blocking period, but no swap. Even after it’s downloaded (only on next page view)
Go to your CSS file, look for @font-face and add
’font-display:optional’ - there hasn’t been a
safer & easier gain in #webperf in a long time!
33. pa.ag@peakaceag36
Translating experiences into performance metrics
User experience
▪ Is it happening?
› Did the navigation start successfully?
Has the server responded?
▪ Is it useful?
› Has enough content rendered for users
to engage with?
▪ Is it usable?
› Can users interact with the page or
is it still busy loading?
▪ Is it smooth/pleasing?
› Are the interactions smooth and natural,
free of lag and jank?
Corresponding metric
First Paint (FP)/First Contentful Paint (FCP)
First Meaningful Paint (FMP) -> Hero Element Timing
Time to Interactive (TTI)
Long tasks (technically, the absence of those long tasks)
34. pa.ag@peakaceag37
Optimising for and measuring paint timings
Time to First Paint – marks the point when the
browser starts to render something - the first bit of
content on the screen.
First Paint (FP)
#1 #2
35. pa.ag@peakaceag38
Optimising for and measuring paint timings
Time to First Paint – marks the point when the
browser starts to render something - the first bit of
content on the screen.
Time to First Contentful Paint – marks the point when
the browser renders the first bit of content from the
DOM, text, an image etc.
First Paint (FP) First Contentful
Paint (FCP)
#1 #2 #3 #4
36. pa.ag@peakaceag39
Optimising for and measuring paint timings
#1 #2 #3 #4 #5 #6
First Paint (FP) First Contentful
Paint (FCP)
First Meaningful
Paint (FMP) / Hero!
Time to Interactive
(TTI)
Time to First Paint – marks the point when the
browser starts to render something - the first bit of
content on the screen.
First Meaningful Paint – the paint after which the
biggest above the fold layout change has happened
and your most important element is visible!
39. pa.ag@peakaceag42
Track paint times with Google Analytics (in theory)
Get the tracking code snippets: http://pa.ag/2viHQSz
version 62 and up
You must ensure your
PerformanceObserver is
registered in the <head>
before any stylesheets, so it
runs before FP/FCP happens.
(a buffered flag TBD in v.2)
40. pa.ag@peakaceag43
This is what it looks like in Google Analytics
Behaviour > events > pages: performance metrics [first-contentful-paint]
Source: Google Analytics
41. pa.ag@peakaceag44
The cool kids way of doing this (using GTM)
#1 #3
#2 #4
This needs to go directly
into your HTML mark-up
because GTM doesn’t
support ES6 script atm.
43. pa.ag@peakaceag46
New: Google just introduced “First Input Delay” (FID)
Measure how responsive your site is when users try to interact with it!
First Input Delay (FID) measures the time from
when a user first interacts with your site (i.e.
when they click a link, a button, or use a custom,
JavaScript-powered control) to the time when
the browser is actually able to respond to
that interaction.
44. pa.ag@peakaceag47
Wait… what?!
Put simply, this is what FID is supposed to reflect:
For example, on a blog, it’s most likely to be
reflected by the time taken between someone
clicking a link and the browser responding to
that interaction (i.e. requesting the next page to
load). The reason there might be a delay is if the
browser’s main thread is busy doing something
else (usually executing JavaScript code).
45. pa.ag@peakaceag48
Time to Interactive (TTI) vs. First Input Delay (FID)
TTI measures how long it takes a site to load and be able to respond to interaction. FID
measures the delay when someone interacts while the page is not (yet) active.
The user just happened to
interact with the page at
the beginning of the main
thread’s busiest period (e.g.
CSS/JS execution). If the user
had interacted just a moment
earlier (during the idle
period), the browser could
have responded right away.
Main thread is idle
Main thread is busy
Styles are loaded and
browser can paint content
Navigation
start
Main thread is
idle for 5+ seconds
Browser is loaded and
browser can paint content
Browser is loaded and
browser can paint content
FID
TTI
FCP
Network
requests
Main
thread
47. pa.ag@peakaceag50
Diagnosing a higher-than-expected FID
Create a performance trace of your site as it’s loading (CPU & network throttling enabled)
and look for individual tasks on the main thread that take a long time to execute:
More: https://pa.ag/2MMEEmd
48. pa.ag@peakaceag51
Coming soon: image (hero element) visibility tracking
Current state: intent to implement (in Chrome) via Element Timing API
Source: https://pa.ag/2xwF6jB
The Element Timing API will allow developers
to know when certain important image elements
are first displayed on the screen. It will also enable
them to measure the display time of images that
take up a large fraction of the viewport when they
first show up. This will let them understand, measure,
and improve user discomfort when waiting for
important elements to be displayed.
49. The code and resources required to render the initial view of a web page
#5 Critical rendering path
52. pa.ag@peakaceag55
CSSOM: the CSS Object Model
▪ The CSSOM is a “map” of the CSS styles
found on a web page.
▪ It’s much like the DOM (Document Object
Model), but for CSS rather than HTML.
▪ The CSSOM combined with the DOM is
used by browsers to display web pages.
body
font-size:18px;
h1
font-size:22px;
a
font-size:12px;
div
font-size:16px;
p
font-size:12px;
p
font-size:16px;
53. 56 @peakaceag pa.ag
Web browsers use the CSSOM to render a page
If this is external CSS, the browser
needs to wait for the download.
55. pa.ag@peakaceag58
How to know which CSS is critically required
“Critical” renders in multiple resolutions and builds a combined/compressed CRP CSS:
Critical & criticalCSS on GitHub: http://pa.ag/2wJTZAu & http://pa.ag/2wT1ST9
▪ Minimum: a snapshot of CSS rules
to render a default desktop resolution
(e.g. 1280x1024).
▪ Better: various snapshots for mobile
phones, pad/s & desktop/s –
manually, that’d be a lot of work!
56. pa.ag@peakaceag59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>CRP loading demo</title>
<!-- critical CSS goes here -->
<style> h1 { colour: green; } </style>
<!-- use async preload // no IE, Edge & some other unimportant ones (http://caniuse.com/#search=preload) --
>
<link rel="preload" href="non-critical.css" as="style" onload="this.rel='stylesheet'" />
<!--noscript for req. without JS -->
<noscript><link rel="stylesheet" href="non-critical.css"></noscript>
<!-- include polyfill for shitty browsers -->
<script>
*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
(function(){ ... } ());
/*! loadCSS rel=preload polyfill. [c] 2017 Filament Group, Inc. MIT License */
(function(){ ... } ());
</script>
</head>
<body>
</body>
</html>
<!-- use async preload // no IE, Edge & some other unimportant ones
(http://caniuse.com/#search=preload) -->
<link rel="preload" href="non-critical.css" as="style" onload="this.rel='stylesheet'" />
<!-- critical CSS goes here -->
<style> h1 { colour: green; } </style>
<!-- use async preload // no IE, Edge & some other unimportant ones
(http://caniuse.com/#search=preload) -->
<link rel="preload" href="non-critical.css" as="style" onload="this.rel='stylesheet'" />
<!--noscript for req. without JS -->
<noscript><link rel="stylesheet" href="non-critical.css"></noscript>
*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
(function(){ ... } ());
/*! loadCSS rel=preload polyfill. [c] 2017 Filament Group, Inc. MIT License */
(function(){ ... } ());
Putting it all together
Fit the HTML, CSS & JS that are necessary for “Start Render” into the first 14kB round trip!
Inline your critical CSS.
1
Loading non-critical CSS
async using rel=“preload“.
2
Apply the CSS once it has
finished loading via “onload“.
3
Fallback for non-JS requests.
4
Implement loadCSS script for
older browsers.
5
57. Let’s look at an implementation example…
Is it worth all the effort?
58. pa.ag@peakaceag61
Before & after: a fresh WordPress setup #1
HTTP, no HTTP/2, Twenty Seventeen theme (1x CSS, 8x JS, custom fonts), no caching
and no other performance optimisations.
59. pa.ag@peakaceag62
Before & after: a fresh WordPress setup #2
HTTP, no HTTP/2, Twenty Seventeen theme (1x CSS, 8x JS, custom fonts), W3Total (CSS,
JS, HTML minify, caching, compression).
60. pa.ag@peakaceag63
Before & after: a fresh WordPress setup #3
HTTP, no HTTP/2, Twenty Seventeen theme (1x CSS, 8x JS, custom fonts), W3Total (CSS,
JS, HTML minify, caching, compression) + CRP CSS inline.
61. pa.ag@peakaceag64
Performance metrics comparison, at a glance
Rendering starts significantly earlier; this allows for faster interaction with the site.
KPI / MEASUREMENT
Load Time
Time to First Byte (TTFB)
Start Render
Time to Interactive (TTI)
DEFAULT WP
1.357 sec
0.454 sec
1.000 sec
0.956 sec
BASICS (W3TOTAL)
0.791 sec
0.159 sec
0.600 sec
0.931 sec
FULLY OPTIMISED
0.789 sec
0.157 sec
0.410 sec
0.563 sec
(+32%)
(+41%)
62. pa.ag@peakaceag65
TL;DR
Implement proper tracking, measure “First Meaningful Paint” (Hero Element delivery).
Audit, clean, and (afterwards) split CSS into two parts: “initial view” and “below the fold”.
Use “critical” to generate and inline your above the fold CSS.
Use rel=“preload“ and “loadCSS” to async load below the fold / site-wide CSS.
Off-load all overhead (JS, etc.) to stay within 14kB for faster, initial paint.
63. … and feel free to disagree, but please think about it for a minute.
#6 Let’s talk AMP
64. AMP certainly encourages people to take the need
for fast loading sites more seriously.
Drives discussion/innovation
66. Converting existing sites to AMP almost never works,
you need to rebuild the entire HTML & CSS from scratch
(which requires time & resources).
Creates additional effort
67. Extending CMS capabilities to manage AMP content is expensive,
additional maintenance (IT, editorial, etc.) further increases costs.
Maintenance & costs
68. pa.ag@peakaceag71
The average user doesn’t understand what is happening
Everything they search for will be served to them via Google’s “portal”.
Navigation behaviour changes as well; swiping is THE way to navigate on Google!
#1 #2 #3 #4
70. AMP makes it easier for them (same structure) and it’s even
hosted on Google. Also, consider changing crawl behaviour (another URL).
Can impact crawling
71. … because we are talking web performance!
Maybe all this shouldn’t matter…
72. Actually, AMP is not really *that* fast…
Google is cheating with speed
73. pa.ag@peakaceag76
Publisher Type
Start Render
(in sec)
Load Time
(in sec)
First Interactive
(in sec)
Speed Index
The Guardian AMP 1.466 2.664 4.600 1,989
The Guardian Responsive 0.567 5.871 7.167 1,226
The Telegraph AMP 1.300 1.494 8.785 1,520
The Telegraph Responsive 1.700 10.188 15.692 5,724
Daily Mail AMP 1.200 2.153 1.246 1,636
Daily Mail Responsive 1.933 9.746 4.340 5,810
CNN AMP 0.900 8.577 14.605 1,876
CNN Responsive 1.543 15.543 17.458 8,567
AMP vs. regular website: major UK newspapers
The Guardian mostly outperforms AMP with its regular sites (well done!)
(Settings for WPT: London, Chrome, Cable)
Source: Peak Ace AG research (May 2018)
74. pa.ag@peakaceag77
AMP vs. regular website: major German newspapers
German newspapers have faster websites (compared to UK, except for The Guardian),
thus the gap/difference with regards to their AMP domains is even smaller!
Source: Peak Ace AG research (March 2018)
Publisher Type
Start Render
(in sec)
Load Time
(in sec)
First Interactive
(in sec)
Speed Index
ZEIT Online AMP 1.000 1.168 2.272 1,151
ZEIT Online Responsive 0.400 1.985 2.177 1,024
stern AMP 0.900 0.907 3.363 1,058
stern m-Subdomain 0.300 2.243 2.087 909
Süddeutsche AMP 1.100 1.654 2.804 1,817
Süddeutsche Responsive 2.200 4.935 4.988 2,768
Spiegel Online AMP 1.100 1.138 2.089 1,112
Spiegel Online m-Subdomain 1.500 3.921 5.101 2,519
75. pa.ag@peakaceag78
AMP magic: pre-fetching, pre-rendering (and caching)
There is ~1 second avg. difference from the
pre-rendering vs. direct load of any AMP.
That’s speed you can’t make up and the perceived
loading time for a user is even greater.
76. Only if you go full PWAMP (Progressive Web App + AMP) will
secondary – and following – clicks/interactions be fast as well.
Only the 1st request is fast
78. pa.ag@peakaceag81
Please take care of your website first:
(Whether you like AMP or not)
Using AMP must NOT be an excuse for
having a slow-loading website. First, invest
in your property to become best-in-class,
before considering using AMP, if at all.”
79. pa.ag@peakaceag82
If you still feel like implementing AMP, here you go:
Aleyda has a fantastic deck with loads of free tips on her SlideShare!
Get the slides: https://pa.ag/2FQjBMa
80. Still in alpha - but really, really cool…
#8 Bonus: predictive pre-*
81. pa.ag@peakaceag84
Interesting concept: predictive #webperf with guess.js
guess.js’ goal is to make the web faster and smarter by replacing manual decision
making with an automated data-driven approach:
More: https://pa.ag/2kEJfLy & https://pa.ag/2NGgwH5
Calculating the likelihood
of visiting a link within the
viewport, using guess.js
to pre-fetch/render.
82. pa.ag@peakaceag85
gatsby.js + guess.js = insanely fast!
Manage in WP, combine with APIs, export into a static PWA (backed by React)
Source: https://www.gatsbyjs.org/
83. pa.ag@peakaceag86
We’re hiring! 30+ performance marketing jobs in Berlin!
Come and say “hello” or apply via jobs.pa.ag. We look forward to talking to you!
Always looking for talent!
Check out jobs.pa.ag
84. pa.ag@peakaceag87
Bastian Grimm
bg@pa.ag
Liked the deck? Here you go:
ALWAYS LOOKING FOR TALENT! CHECK OUT JOBS.PA.AG
twitter.com/peakaceag
facebook.com/peakaceag
www.pa.ag
WINNER
http://pa.ag/seod18perf