Brighton SEO 2021 - A Deep Dive into the Depths of DevTools

•

8 gefällt mir•3,204 views

Brighton SEO 2021 - A Deep Dive into the Depths of DevTools Resources for all the code snippets and more from this talk can be found here: https://defaced.dev/talks/brightonseo-depths-of-devtools/

Marketing

defaced
A deep dive
into the depths of DevTools.

defaced
Let’s dive right in.
*pun intended.

defaced
Network Requests.
Asset clean up.

defaced
Filtering results.
dfcd.co/filters

defaced
WordPress.
Common performance pitfalls.

defaced
Identifying files used by plugins that are not relevant to the page that they’re loading on.

defaced
The shift trick.
Just hold shift, no… really.

defaced
Robots.ttfb
Performance shortcut.

defaced
Console.
Where the magic happens.

defaced
awful
evil
a dumpster fire
JavaScript is… amazing
frustrating
weird
sh*t

defaced
Returns an array of all matching
elements.

defaced
Snippets.
Building your tool chest.

defaced
Local Overrides.
Editing on the fly.

defaced
Saving multiple changes.
The ?query string trick.

defaced
example.com/?cls-fix
example.com/?webp-fix
example.com/?test11!final-2

defaced
Testing your changes.
Lighthouse.

defaced
Lighthouse Comparison Tool
dfcd.co/lhct

defaced
Inspecting the inspector.
“We need to go deeper.”

defaced
Thank you.
dfcd.co/bseo21-slides
@defaced
bamboonine.co.uk

Weitere ähnliche Inhalte

Was ist angesagt?

Why Scaling (Great) Content Is So Bloody Hard

JoshuaHardwickAhrefs

BrightonSEO - Apr 2022 - No excuses for doing UX

Oban International

The Fast & Furious Guide to Real-world Link Building

Greg Gifford

Freddy Krueger's Guide to Scary Good Reporting

Greg Gifford

How To EAT Links.pptx

Dixon Jones

Probabilistic Thinking in SEO - BrightonSEO October 2022

Andrew Charlton

In the UK, there are about 2 million people living with a visual impairment and nearly 36% of Google’s SERPs shows images. Image alt text are essential for making the internet accessible however it isn’t always a priority when it comes to SEO actions due to the challenges of implementing it at scale. This session walks you through easy, scalable alt text generation. This is a very accessible session with most of the heavy lifting already done for you

Speed up alt text generation without coding skills

Miracle Inameti-Archibong

No More "It Depends" - Learn to Set your Visual SEO Resources #LondonSEOMeetu...

Aleyda Solís

BrightonSEO, July 2021 - To better understand a website's content search engines developed Web Rendering Services and are now able to render pages more or less like a normal user. Those Web Rendering Services are strictly connected to other phases of the crawling-indexing-ranking pipeline - if a rendering fails, it may affect all of them. In this session Giacomo will guide you through the process of understanding why rendering could be a problem also for non-Javascript pages, how to manually debug page rendering, the difference between understanding WRSs' capabilities and debugging problems on a website, and eventually how to test pages at scale.

Debugging rendering problems at scale

Giacomo Zecchini

Data Driven SEOin iGaming niche

SeoProfy Presentations

A crash course into SEO and what moves the needle with scalable processes

patrickstox

EAT: Have We Been Looking At It Backwards

EdwardZiubrzynski1

International SEO: The Weird Technical Parts - Pubcon Vegas 2019 Patrick Stox

patrickstox

Beth Barnham Schema Auditing BrightonSEO Slides.pptx

BethBarnham1

Trying to establish a more consistent SEO structure within your organization? Wish every SEO fire had a more standardized, easy-to-follow solution? We know – no two days in SEO are the same. However, it’s surprisingly easy to find a consistent approach that provides meaningful impact. And – it works whether you're in-house, an agency, or a freelance consultant. Watch this webinar and learn the 4-step process that will help you tackle SEO challenges head-on as they arise. This 4-Step SEO Waltz takes you through: Visibility Diagnostics Iteration Monitoring Jamie Indigo and Michelle Race from Deepcrawl walks you through a four-step process that helps you meet SEO challenges head-on as they arise and stop SEO fires before they start. SEO professionals still view the SEO process as a complex dance, but it could be a simple and practical framework for addressing challenges in various forms. Discover how you can use the steps, pillars, and methods for more effective SEO project management within your company.

4-Step SEO Waltz: Tackle SEO Challenges Head-On

Search Engine Journal

TechSEO Boost - Apps script for SEOs

David Sottimano

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.

How to improve Core Web Vitals on a WordPress website

Indigo Tree Digital

SEO Reporting to Impress: How to Successfully Report your SEO Efforts & Resul...

Aleyda Solís

eCommerce Internal Linking - Into the Spider-Verse (BrightonSEO edition)

Kristina Azarenko

Diginius - DuckDuckGo, Privacy and the Future of Search

NateBurke1

Was ist angesagt? (20)

Why Scaling (Great) Content Is So Bloody Hard

BrightonSEO - Apr 2022 - No excuses for doing UX

The Fast & Furious Guide to Real-world Link Building

Freddy Krueger's Guide to Scary Good Reporting

How To EAT Links.pptx

Probabilistic Thinking in SEO - BrightonSEO October 2022

Speed up alt text generation without coding skills

No More "It Depends" - Learn to Set your Visual SEO Resources #LondonSEOMeetu...

Debugging rendering problems at scale

Data Driven SEOin iGaming niche

A crash course into SEO and what moves the needle with scalable processes

EAT: Have We Been Looking At It Backwards

International SEO: The Weird Technical Parts - Pubcon Vegas 2019 Patrick Stox

Beth Barnham Schema Auditing BrightonSEO Slides.pptx

4-Step SEO Waltz: Tackle SEO Challenges Head-On

TechSEO Boost - Apps script for SEOs

How to improve Core Web Vitals on a WordPress website

SEO Reporting to Impress: How to Successfully Report your SEO Efforts & Resul...

eCommerce Internal Linking - Into the Spider-Verse (BrightonSEO edition)

Diginius - DuckDuckGo, Privacy and the Future of Search

Ähnlich wie Brighton SEO 2021 - A Deep Dive into the Depths of DevTools

the productive programer: mechanics

elliando dias

Bettercap

Rajivarnan (Rajiv)

NanoSec Conference 2019: Code Execution Analysis in Mobile Apps - Abdullah Jo...

Hafez Kamal

Version Control for Mere Mortals

Emma Jane Hogbin Westby

You can only claim you know Spring if you fully understand the Proxy design pattern, and how the framework uses it to do its magic. Join this live-coding session to explore 6 ways of intercepting method calls that you can use to cast your own spells and dramatically simplify your codebase. Grab a strong coffee and prepare yourself for a whirlwind of live-coding, interwoven with deep theoretical concepts and implementation details that you have to master if you are using the Spring Framework. During this session, Victor will share one of the best parts of his Design Patterns training, applied to Spring. You'll hear about the Decorator pattern plus 2 ways to wire it with Spring, bare-hands interface proxies, concrete classes proxies, @Aspect applied to custom annotations, plus some of the most common standard off-the-shelf Spring aspects. Come and learn from a hands-on practitioner real-world best practices of using Aspects, design hints, under-the-hood implementation details, debugging tips, performance impact of aspects, all in an interactive, entertaining and extremely dynamic session. - Talk held at JPoint 2019, Moscow

The Proxy Fairy, and The Magic of Spring Framework

Victor Rentea

Robotlegs on Top of Gaia

Jesse Warden

This topic introduces tools to automate the development and deployment workflow of a WordPress web application. I am showing the main benefits of such a workflow and how it allows making the installation and update of the project fully automatic, predictable, versioned, and ready to be integrated into a continuous deployment system. Tools like Docker and WP-CLI, will be introduced to implement that process along with a simple tool that I have developed to automatically deploy the basic data that a project needs to be up and running. My mantra? No manual clicks whatsoever in the web interface for configuring WordPress!

Word press, the automated way

Michaël Perrin

SD, a P2P bug tracking system

Jesse Vincent

Pilot Tech Talk #10 — Practical automation by Kamil Cholewiński

Pilot

A Hands-on Introduction to Docker

CodeOps Technologies LLP

The modern web is feature-rich and fast, and Dart gives you a familiar and productive toolchain to scale up your code and apps. Come learn what's new with the Dart project, and how you can use the class-based language, rich built-in libraries, productive editor, package manager, and more. You want more? How about Web Components and a Future-based DOM! You'll see lots of demos, with special attention to the Dart-to-JavaScript compiler.

What’s new in Google Dart - Seth Ladd

jaxconf

10 Ways To Improve Your Code

ConSanFrancisco123

Building native Android applications with Mirah and Pindah

Nick Plante

Tools and Techniques for Faster Development

jtaby

Joxean Koret - Database Security Paradise [Rooted CON 2011]

RootedCON

"Death of a themer" was presented by James Panton and myself at Frontend United on 14th April 2013. This was a revised and extended talk of the same name presented by James at DrupalCamp London on 2nd March 2013. http://www.slideshare.net/therealmcjim/death-of-a-themer-drupal-camplondon2013 Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do. They work alongside developers and site builders and are usually hammering out CSS files, overriding templates, writing theme functions and scratching their heads. The thing is — and whisper this if possible redundancy concerns you — we can bypass the themer entirely. With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave. A friendly developer may have to lend a hand every now and then, but that’s it. You can get rid of the themer altogether. This is an extended version of a session James did recently but will take a closer look at the tools and workflow we created and the design principles that initially drove us to this approach.

Death of a Themer - Frontend United - 14 April 2013

Matt Fielding

Drush 5.0 (DrupalCamp LA 2012) - Chris Charlton

Chris Charlton

10 Ways To Improve Your Code( Neal Ford)

guestebde

Docker has created enormous buzz in the last few years. Docker is a open-source software containerization platform. It provides an ability to package software into standardised units on Docker for software development. In this hands-on introductory session, I introduce the concept of containers, provide an overview of Docker, and take the participants through the steps for installing Docker. The main session involves using Docker CLI (Command Line Interface) - all the concepts such as images, managing containers, and getting useful work done is illustrated step-by-step by running commands.

Docker by Example - Basics

Ganesh Samarthyam

DevOps(4) : Ansible(2) - (MOSG)

Soshi Nemoto

Ähnlich wie Brighton SEO 2021 - A Deep Dive into the Depths of DevTools (20)

the productive programer: mechanics

Bettercap

NanoSec Conference 2019: Code Execution Analysis in Mobile Apps - Abdullah Jo...

Version Control for Mere Mortals

The Proxy Fairy, and The Magic of Spring Framework

Robotlegs on Top of Gaia

Word press, the automated way

SD, a P2P bug tracking system

Pilot Tech Talk #10 — Practical automation by Kamil Cholewiński

A Hands-on Introduction to Docker

What’s new in Google Dart - Seth Ladd

10 Ways To Improve Your Code

Building native Android applications with Mirah and Pindah

Tools and Techniques for Faster Development

Joxean Koret - Database Security Paradise [Rooted CON 2011]

Death of a Themer - Frontend United - 14 April 2013

Drush 5.0 (DrupalCamp LA 2012) - Chris Charlton

10 Ways To Improve Your Code( Neal Ford)

Docker by Example - Basics

DevOps(4) : Ansible(2) - (MOSG)

Kürzlich hochgeladen

Micro-Choices, Max Impact Personalizing Your Journey, One Moment at a Time.pdf

Piyush Kumar

Social Media Marketing Portfolio - Maharsh Benday

MaharshBenday

The seven principles of persuasion by Dr. Robert Cialdini

Surya Prasath

SP Search Term Data Optimization Template.pdf

PauleneNicoleLapira

Aligarh Hire 💕 8250092165 Young and Hot Call Girls Service Agency Escorts

meghakumariji156

personal branding kit for music business

brjohnson6

SALES-PITCH-an-introduction-to-sales.pptx

23397013

Elevating Your Digital Presence by Evitha.pdf

evithatojoparel

How consumers use technology and the impacts on their lives

Mathuraa

The Impact Of Social Media Advertising.pdf

ishikajaiswal116

Crypto Quantum Leap - Digital - membership area

jaynee G

Cartona.pptx. Marketing how to present your project very well , discussed a...

BeshoyFawaz1

W.H.Bender Quote 61 -Influential restaurant and food service industry network...

William (Bill) H. Bender, FCSI

Optimizing Your Marketing with AI-Powered Prompts

Vbout.com

Email marketing is a low-cost and effective marketing strategy. It is an excellent way to generate leads, convert visitors to customers, and build engagement. However, you could miss many opportunities to turn profits without exploring the best email marketing practices. Whether you’re a beginner, intermediate, or expert email marketer, everyone wants the same – a high open and click-through rate. We want to see subscribers engaging with our email campaigns, open, and take action on the CTA. https://cybernaira.com/email-marketing-best-practices/

10 Email Marketing Best Practices to Increase Engagements, CTR, And ROI

Shamsudeen Adeshokan

Alpha Media March 2024 Buyers Guide.pptx

Dave McCallum

Affiliate Marketing is a dynamic and lucrative method of earning income online, where individuals or businesses promote products or services and receive a commission for each sale, lead, or action generated through their referral. At its core, affiliate marketing operates on the principle of revenue sharing, where merchants reward affiliates for driving traffic or sales to their business. Understanding the Basics Affiliate Marketing is rooted in the concept of performance-based marketing. Instead of paying for traditional advertising methods upfront, merchants pay affiliates only when a specific action is completed, such as a sale, lead, or click. This performance-based model aligns the interests of both parties, as affiliates are incentivized to generate results for the merchants they promote. How Affiliate Marketing Works: The process of affiliate marketing typically involves three primary parties: the merchant, the affiliate, and the customer. The merchant, also known as the advertiser or retailer, is the entity that sells the product or service. The affiliate, often referred to as the publisher, promotes the merchant's products or services through various marketing channels. The customer, of course, is the individual who makes a purchase or takes the desired action. When a customer clicks on an affiliate link and completes the desired action, such as making a purchase, the affiliate earns a commission. This commission can vary depending on the merchant's affiliate program and the terms of the agreement between the merchant and the affiliate. The Role of Affiliates, Merchants, and Customers Affiliates play a crucial role in the success of affiliate marketing by leveraging their platforms, audience, and marketing skills to drive traffic and sales for merchants. Affiliates can range from individuals with personal blogs and socialHow Affiliate Marketing Works: The process of affiliate marketing typically involves three primary parties: the merchant, the affiliate, and the customer. The merchant, also known as the advertiser or retailer, is the entity that sells the product or service. The affiliate, often referred to as the publisher, promotes the merchant's products or services through various marketing channels. The customer, of course, is the individual who makes a purchase or takes the desired action. When a customer clicks on an affiliate link and completes the desired action, such as making a purchase, the affiliate earns a commission. This commission can vary depending on the merchant's affiliate program and the terms of the agreement between the merchant and the affiliate. The Role of Affiliates, Merchants, and Customers Affiliates play a crucial role in the success of affiliate marketing by leveraging their platforms, audience, and marketing skills to drive traffic and sales for merchants. Affiliates can range from individuals with personal blogs and social media accounts to large scale Marketing Institution

Mastering Affiliate Marketing: A Comprehensive Guide to Success

Abdulsamad Lukman

The 9th May Incident in Pakistan A Turning Point in History.pptx

elizabethella096

It’s never been easier to get your Google Shopping Ads campaigns up and running…but there’s also never been this much competition. So how can you ensure you’re maximizing ROI on your ad spend? Let us help. Watch this panel discussion tailored for retailers and brands eager to elevate their ecommerce strategy through Google Shopping Ads. You’ll hear the ways to craft compelling product listings using Google Merchant Center Next, strategically bid on keywords, and leverage audience targeting to reach the right customers at the right time. We’ll show you: - How to reduce costs while maximizing ROI using the entire Google Ads ecosystem. - The ways to target new shoppers with keyword bidding while maintaining engagement with your current audience. - How to set up Google Shopping feeds flawlessly with Google Merchant Center Next. In this engaging session, Bryan Butler, Joshua Young, and Ben Riggle will unpack the ways to create powerful product listings and measure your success using best-in-class metrics. If you’re an ecommerce brand or retailer using Google Shopping Ads, you won’t want to miss this discussion.

[Expert Panel] New Google Shopping Ads Strategies Uncovered