Connect with us

SEO

The Complete Guide to Content Repurposing

Published

on

The Complete Guide to Content Repurposing

Your content is not “one and done” when published.

You’ve spent so much time creating that piece of content. So it makes sense to get as much mileage as you can out of each piece you create.

How do you do that? Content repurposing.

In this post, you’ll learn the following:

What is content repurposing?

Content repurposing is when you find a new use for all or parts of your existing content. It usually involves changing up the format of the content, e.g., from a video to a blog post.

Why should you repurpose content?

Here are three reasons why you should repurpose your content:

1. It’s efficient

You don’t always have to create every piece of content from scratch. Not only is it time-consuming, but it also makes it difficult to scale up your content creation.

Instead, take advantage of what you’ve already created. You’ve put in the hard work to create that piece of content, so make full use of it.

Remix and reformat it for different channels.

2. It allows you to reach audiences who prefer different formats

We all have different tastes.

There are some people who prefer reading. Others prefer watching, while the rest prefer listening.

Converting your content into different formats allows you to reach these different sets of audiences.

3. It gives your existing content a new lease of life

In 2017, we published this post on how long it takes to rank on Google. Two years later, we turned it into a Twitter thread:

We didn’t rerun the study. Neither did we update nor refresh the content. Nothing was changed. But it regained new life when it was turned into a Twitter thread.

Content discovery is a perpetual problem. If your posts are not ranking on Google, the chances of them being “rediscovered” are low. But they’re probably still good pieces of content. They’re just under-discovered.

So when you turn your content into new formats on other platforms, you help other people rediscover your older content.

Which content should you repurpose?

There is no “one piece of content” you must repurpose. It eventually depends on your goals and strategy.

However, content repurposing does require some work. It’s not a one-to-one conversion—you have to expect to do some rewriting or editing so that the content fits the new format and platform.

Expert “repurposers” like GaryVee have a team behind them. They’re not going about it alone. That also means that if you are doing it alone, you will not be able to repurpose every single piece of content.

Translation: You need to prioritize.

A good way to do this is to look at what the platform wants and repurpose content specifically for it. For example, suppose you want to repurpose one of your blog posts into a YouTube video.

Rather than choosing at will, find out what topics people are searching for on YouTube. Then find the best-fit blog post for that topic and repurpose it accordingly. We’ll go into more detail on how to do so shortly.

Alternatively, you can simply find your best-performing pieces and repurpose them. After all, if they’re doing well on one channel, there is a higher probability they’ll also do well on another.

This can be as simple as seeing which of your videos on YouTube have the most views:

Two rows of Ahrefs' YouTube videos in grid format

You can also enter your website into Ahrefs’ Site Explorer and go to the Top pages report to see which of your pages get the most search traffic:

List of URLs with corresponding data on traffic and value

Content repurposing ideas

Ready to repurpose your content? Here are a few ideas you can consider:

1. Turn your blog post into a video (and vice versa)

We often do this at Ahrefs. For example, our blog post on influencer marketing was repurposed into a video.

Excerpt of Ahrefs' YouTube video and Ahrefs' blog article on influencer marketing

This is bidirectional. We also turn our videos into blog posts. For example, this blog post on affiliate marketing was created using content in our video.

As mentioned earlier, this is not done randomly. To figure out which content we should repurpose, we first find out which topics people are searching for. Here’s how we do it for YouTube:

  1. Go to Ahrefs’ Keywords Explorer
  2. Select YouTube
  3. Enter a few relevant keywords (e.g., SEO, marketing, etc)
  4. Go to the Matching terms report

List of keywords with corresponding data on volume and GV

Eyeball the report and see if there are any topics that match an existing blog post you have. For example, we can see that the term “influencer marketing” gets around 1,500 monthly searches on YouTube—exactly the reason why we repurposed the blog post into a video.

Excerpt of list of keywords showing the keyword "influencer marketing" gets quite a bit of monthly searches on YouTube

If you’re doing it the other way around—turning a video into a blog post—then follow the same steps but switch the search engine to Google.

Search engine changed to "Google" in search bar

Likewise, look through the report and see if there are any topics that match an existing video.

2. Repurpose your videos into a course

Most of your content is probably published chronologically. But chronology is not a great way to consume content.

So why not organize pieces of content in a logical manner and turn them into a course?

For example, our SEO training course is a series of YouTube videos neatly arranged into multiple modules.

Table of contents of the various modules and courses

Likewise, our “how to use Ahrefs” course is made up of in-app tutorials that already exist within our reports.

How do you know what courses to create? Here’s how:

  1. Go to Ahrefs’ Keywords Explorer
  2. Enter a few relevant keywords (e.g., SEO, marketing, etc)
  3. Go to the Matching terms report
  4. In the Include box, enter terms like “course,” “academy,” “training,” etc
  5. Choose Any word
List of keywords with corresponding data like KD, volume, etc

Look through the report and see if there are any courses you can create by repurposing your content.

3. Turn your blog posts into a book

What’s the written version of a course? A book!

Likewise, you can compile and organize your blog posts and turn them into a book. This can live on your site simply as an ebook. Or you can even go big and publish it as an actual paperback.

This is what CoSchedule did.

Book cover of "How To Get Started With Agile Marketing And Do Better Work"

The issue, however, is that book discovery has not kept up with the times. So even after repurposing, you’ll need to promote your book.

One way to do this is to find sites that collate lists of the best books in your niche and get your book mentioned.

Here’s how to find these sites:

  1. Go to Ahrefs’ Content Explorer
  2. Search for “best [topic] books”
  3. Set the Live/Broken filter to Live only (you want to be included, so the page needs to be live)
  4. Check One page per domain (you don’t need to reach out to the same site more than once)
  5. Sort the results by Page traffic to prioritize your efforts
Content Explorer search results with filters applied

Go through the list and see if your book is a good fit for any of these pages.

4. Turn your videos into multiple short-form videos

With the popularity of TikTok, short-form videos are a rising format. Even YouTube is getting in on the game with #shorts.

One row of YouTube Shorts in grid format

If you have an existing video, it makes perfect sense to divide and turn it into multiple shorter videos. You can then republish them on Facebook, LinkedIn, Twitter, Instagram Reels, or even as YouTube shorts or TikTok videos.

For example, this 1 ½ minute video on Twitter was originally part of a longer YouTube video we published.

https://www.youtube.com/watch?v=b7PzHO40bOU

5. Turn your blog posts into guest posts

We spend quite a bit of time researching each blog post. Some posts are so comprehensive that they span a few chapters:

List of chapters on link building

Each chapter can easily be a blog post on its own.

So here’s the idea: Why not turn each of these chapters into a guest post for other sites? Not only is it efficient—you’ve done the research after all—but you also get additional exposure, referral traffic and, better, a link back to your own site. (And links are an important ranking factor for ranking higher on Google.)

We call this concept the “Splintering Technique”:

  1. Write an incredible, detailed piece of content for your blog
  2. Break it into “splinters” and submit each one as a guest article to another blog
On left, long list of paper partially chopped up. In the middle, an axe. On right, three separate pieces of paper

You can even go further by changing the perspective for each topic. For example, Chapter 2 on “how to build links” can easily be transformed into multiple blog posts:

  • How to build links for startups
  • How to build links for nonprofits
  • How to build links for ecommerce businesses
  • How to build links for local businesses

And so on.

We term this the “Perspective Technique”:

Topic "future of link building for" branches out to five different entities

This concept is not “new.” It’s used extensively in the world of book publishing. See, for example, the books written by business guru Eliyahu Goldratt:

List of business novels on a Wiki page

It’s basically Eliyahu’s famous Theory of Constraints model applied to different perspectives.

With a bunch of content you can “splinter” off, how do you find sites you can pitch to? Here’s how:

  1. Go to Ahrefs’ Content Explorer
  2. Search for terms relevant to your niche (e.g., keto)

Then, set these filters:

  1. Check One page per domain 
  2. Check Exclude subdomains
  3. Check Exclude homepages
  4. Set Live/Broken filter to Only live
  5. Language filter to English (or language you write in)
Content Explorer search results with filters applied

If the list is still too large to manage, you can set more filters (e.g., Domain Rating) to narrow it down to the best sites.

Since these sites cover topics similar to yours, they’re likely to accept your guest post pitch. Find the website owner’s or editor’s email, reach out, and pitch them your topics.

Recommended reading: Guest Blogging for SEO: How to Build High-Quality Links at Scale

6. Turn your blog post into Twitter threads

Every time we publish a post, we encourage each individual author to repurpose their content into a Twitter thread.

As you can see, they get a ton of traction.

You can turn the entire blog post or parts of it into a thread. For example, this thread is from a section of our blog post on technical SEO:

Don’t limit yourself to blog posts. Videos, podcasts, etc.,—they’re all Twitter thread-worthy material.

How do you write a great thread? Let’s get meta and learn from creators on Twitter themselves:

7. Turn blog posts/videos/existing content into Quora answers

A few years ago, I started actively answering questions on Quora. In the process, I’ve gained over a million views.

Excerpt of SQ's Quora profile

But most of my answers were not generated from scratch. Instead, I repurposed them from our existing content.

How do you find the right questions to answer? Here’s how:

  1. Enter quora.com into Ahrefs’ Site Explorer
  2. Go to the Top pages report
  3. In the Include box, enter topics relevant to your content
List of page URLs with corresponding data on traffic, keywords, etc

You’ll see a list of questions that are actually ranking on Google. So by answering these questions, you can get traffic from both Google and Quora.

Pick out those that you can repurpose content for and answer them.

Recommended reading: Quora Marketing: ~1 Million Views Generated. Here’s How to Replicate Our Success

8. Turn your content into Reddit posts

Marketers tend to skip out on Reddit because of the community’s intense hatred for anything promotional. But Reddit is still a social network—and social networks need content to thrive.

That means marketers are welcome, as long as the content they post is helpful and valuable.

One way to do this is to publish a tl;dr version of your content and strip away all internal and external links. Only at the end of your post do you leave a link back to your original piece of content.

That’s what our chief marketing officer, Tim Soulo, recently did on the r/bigseo subreddit.

Tim's post about link building on r/bigseo

With 74 upvotes and a Silver award, it was pretty well received.

Recommended reading: Reddit Marketing: How to Self Promote on Reddit and Get More Traffic

9. Reuse bits and pieces of your existing content as social media posts

At Ahrefs, we like to create custom images that illustrate certain concepts in our content. Not surprisingly, we also repurpose them on our social media accounts:

Ahrefs' dot plot graph featured in a LinkedIn post

Go through your content. Each tip, idea, solution, lesson, custom image, or takeaway in your content can be extracted and reused as a standalone post on social media.

Don’t waste it.

Final thoughts

Most people repurpose their content after it has been published. But content repurposing, like content promotion, has to be baked into the creation process.

For content promotion, that means thinking about how you want to promote your content before you begin creating it. Likewise, for content repurposing, you have to think about how you want to repurpose your content before you create it.

Then, while you’re creating the content, you’re also repurposing it at the same time. That way, it’s not a mad dash after publication. Rather, your repurposed content can be launched together with your published content—and help distribute it further.

Ryan McCready, head of content marketing at Foundation Inc., calls this “active repurposing.” I recommend reading this post to see how he puts it into action.

Any questions or comments about content repurposing? Let me know on Twitter.




Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

SEO

No Algorithmic Actions For Site Reputation Abuse Yet

Published

on

By

Looking up at an angle at the Google sign on the Head Office for Canada

Google’s Search Liaison, Danny Sullivan, has confirmed that the search engine hasn’t launched algorithmic actions targeting site reputation abuse.

This clarification addresses speculation within the SEO community that recent traffic drops are related to Google’s previously announced policy update.

Sullivan Says No Update Rolled Out

Lily Ray, an SEO professional, shared a screenshot on Twitter showing a significant drop in traffic for the website Groupon starting on May 6.

Ray suggested this was evidence that Google had begun rolling out algorithmic penalties for sites violating the company’s site reputation abuse policy.

However, Sullivan quickly stepped in, stating:

“We have not gone live with algorithmic actions on site reputation abuse. I well imagine when we do, we’ll be very clear about that. Publishers seeing changes and thinking it’s this — it’s not — results change all the time for all types of reasons.”

Sullivan added that when the actions are rolled out, they will only impact specific content, not entire websites.

This is an important distinction, as it suggests that even if a site has some pages manually penalized, the rest of the domain can rank normally.

Background On Google’s Site Reputation Abuse Policy

Earlier this year, Google announced a new policy to combat what it calls “site reputation abuse.”

This refers to situations where third-party content is published on authoritative domains with little oversight or involvement from the host site.

Examples include sponsored posts, advertorials, and partner content that is loosely related to or unrelated to a site’s primary purpose.

Under the new policy, Google is taking manual action against offending pages and plans to incorporate algorithmic detection.

What This Means For Publishers & SEOs

While Google hasn’t launched any algorithmic updates related to site reputation abuse, the manual actions have publishers on high alert.

Those who rely heavily on sponsored content or partner posts to drive traffic should audit their sites and remove any potential policy violations.

Sullivan’s confirmation that algorithmic changes haven’t occurred may provide temporary relief.

Additionally, his statements also serve as a reminder that significant ranking fluctuations can happen at any time due to various factors, not just specific policy rollouts.


FAQ

Will Google’s future algorithmic actions impact entire websites or specific content?

When Google eventually rolls out algorithmic actions for site reputation abuse, these actions will target specific content rather than the entire website.

This means that if certain pages are found to be in violation, only those pages will be affected, allowing other parts of the site to continue ranking normally.

What should publishers and SEOs do in light of Google’s site reputation abuse policy?

Publishers and SEO professionals should audit their sites to identify and remove any content that may violate Google’s site reputation abuse policy.

This includes sponsored posts and partner content that doesn’t align with the site’s primary purpose. Taking these steps can mitigate the risk of manual penalties from Google.

What is the context of the recent traffic drops seen in the SEO community?

Google claims the recent drops for coupon sites aren’t linked to any algorithmic actions for site reputation abuse. Traffic fluctuations can occur for various reasons and aren’t always linked to a specific algorithm update.


Featured Image: sockagphoto/Shutterstock



Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

SEO

WP Rocket WordPress Plugin Now Optimizes LCP Core Web Vitals Metric

Published

on

By

WP Rocket WordPress Plugin Now Optimizes LCP Core Web Vitals Metric

WP Rocket, the WordPress page speed performance plugin, just announced the release of a new version that will help publishers optimize for Largest Contentful Paint (LCP), an important Core Web Vitals metric.

Large Contentful Paint (LCP)

LCP is a page speed metric that’s designed to show how fast it takes for a user to perceive that the page is loaded and read to be interacted with. This metric measures the time it takes for the main content elements has fully loaded. This gives an idea of how usable a webpage is. The faster the LCP the better the user experience will be.

WP Rocket 3.16

WP Rocket is a caching plugin that helps a site perform faster. The way page caching generally works is that the website will store frequently accessed webpages and resources so that when someone visits the page the website doesn’t have to fetch the data from the database, which takes time, but instead will serve the webpage from the cache. This is super important when a website has a lot of site visitors because that can use a lot of server resources to fetch and build the same website over and over for every visitor.

The lastest version of WP Rocket (3.16) now contains Automatic LCP optimization, which means that it will optimize the on-page elements from the main content so that they are served first thereby raising the LCP scores and providing a better user experience.

Because it’s automatic there’s really nothing to fiddle around with or fine tune.

According to WP Rocket:

  • Automatic LCP Optimization: Optimizes the Largest Contentful Paint, a critical metric for website speed, automatically enhancing overall PageSpeed scores.
  • Smart Management of Above-the-Fold Images: Automatically detects and prioritizes critical above-the-fold images, loading them immediately to improve user experience and performance metrics.

All new functionalities operate seamlessly in the background, requiring no direct intervention from the user. Upon installing or upgrading to WP Rocket 3.16, these optimizations are automatically enabled, though customization options remain accessible for those who prefer manual control.”

Read the official announcement:

WP Rocket 3.16: Improving LCP and PageSpeed Score Automatically

Featured Image by Shutterstock/ICONMAN66

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

SEO

Optimizing Interaction To Next Paint: A Step-By-Step Guide

Published

on

By

Optimizing Interaction To Next Paint: A Step-By-Step Guide

This post was sponsored by DebugBear. The opinions expressed in this article are the sponsor’s own.

Keeping your website fast is important for user experience and SEO.

The Core Web Vitals initiative by Google provides a set of metrics to help you understand the performance of your website.

The three Core Web Vitals metrics are:

This post focuses on the recently introduced INP metric and what you can do to improve it.

How Is Interaction To Next Paint Measured?

INP measures how quickly your website responds to user interactions – for example, a click on a button. More specifically, INP measures the time in milliseconds between the user input and when the browser has finished processing the interaction and is ready to display any visual updates on the page.

Your website needs to complete this process in under 200 milliseconds to get a “Good” score. Values over half a second are considered “Poor”. A poor score in a Core Web Vitals metric can negatively impact your search engine rankings.

Google collects INP data from real visitors on your website as part of the Chrome User Experience Report (CrUX). This CrUX data is what ultimately impacts rankings.

Image created by DebugBear, May 2024

How To Identify & Fix Slow INP Times

The factors causing poor Interaction to Next Paint can often be complex and hard to figure out. Follow this step-by-step guide to understand slow interactions on your website and find potential optimizations.

1. How To Identify A Page With Slow INP Times

Different pages on your website will have different Core Web Vitals scores. So you need to identify a slow page and then investigate what’s causing it to be slow.

Using Google Search Console

One easy way to check your INP scores is using the Core Web Vitals section in Google Search Console, which reports data based on the Google CrUX data we’ve discussed before.

By default, page URLs are grouped into URL groups that cover many different pages. Be careful here – not all pages might have the problem that Google is reporting. Instead, click on each URL group to see if URL-specific data is available for some pages and then focus on those.

1716368164 358 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of Google Search Console, May 2024

Using A Real-User Monitoring (RUM) Service

Google won’t report Core Web Vitals data for every page on your website, and it only provides the raw measurements without any details to help you understand and fix the issues. To get that you can use a real-user monitoring tool like DebugBear.

Real-user monitoring works by installing an analytics snippet on your website that measures how fast your website is for your visitors. Once that’s set up you’ll have access to an Interaction to Next Paint dashboard like this:

1716368164 404 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the DebugBear Interaction to Next Paint dashboard, May 2024

You can identify pages you want to optimize in the list, hover over the URL, and click the funnel icon to look at data for that specific page only.

1716368164 975 Optimizing Interaction To Next Paint A Step By Step GuideImage created by DebugBear, May 2024

2. Figure Out What Element Interactions Are Slow

Different visitors on the same page will have different experiences. A lot of that depends on how they interact with the page: if they click on a background image there’s no risk of the page suddenly freezing, but if they click on a button that starts some heavy processing then that’s more likely. And users in that second scenario will experience much higher INP.

To help with that, RUM data provides a breakdown of what page elements users interacted with and how big the interaction delays were.

1716368164 348 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the DebugBear INP Elements view, May 2024

The screenshot above shows different INP interactions sorted by how frequent these user interactions are. To make optimizations as easy as possible you’ll want to focus on a slow interaction that affects many users.

In DebugBear, you can click on the page element to add it to your filters and continue your investigation.

3. Identify What INP Component Contributes The Most To Slow Interactions

INP delays can be broken down into three different components:

  • Input Delay: Background code that blocks the interaction from being processed.
  • Processing Time: The time spent directly handling the interaction.
  • Presentation Delay: Displaying the visual updates to the screen.

You should focus on which INP component is the biggest contributor to the slow INP time, and ensure you keep that in mind during your investigation.

1716368164 193 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the DebugBear INP Components, May 2024

In this scenario, Processing Time is the biggest contributor to the slow INP time for the set of pages you’re looking at, but you need to dig deeper to understand why.

High processing time indicates that there is code intercepting the user interaction and running slow performing code. If instead you saw a high input delay, that suggests that there are background tasks blocking the interaction from being processed, for example due to third-party scripts.

4. Check Which Scripts Are Contributing To Slow INP

Sometimes browsers report specific scripts that are contributing to a slow interaction. Your website likely contains both first-party and third-party scripts, both of which can contribute to slow INP times.

A RUM tool like DebugBear can collect and surface this data. The main thing you want to look at is whether you mostly see your own website code or code from third parties.

1716368164 369 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the INP Primary Script Domain Grouping in DebugBear, May 2024

Tip: When you see a script, or source code function marked as “N/A”, this can indicate that the script comes from a different origin and has additional security restrictions that prevent RUM tools from capturing more detailed information.

This now begins to tell a story: it appears that analytics/third-party scripts are the biggest contributors to the slow INP times.

5. Identify Why Those Scripts Are Running

At this point, you now have a strong suspicion that most of the INP delay, at least on the pages and elements you’re looking at, is due to third-party scripts. But how can you tell whether those are general tracking scripts or if they actually have a role in handling the interaction?

DebugBear offers a breakdown that helps see why the code is running, called the INP Primary Script Invoker breakdown. That’s a bit of a mouthful – multiple different scripts can be involved in slowing down an interaction, and here you just see the biggest contributor. The “Invoker” is just a value that the browser reports about what caused this code to run.

1716368165 263 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the INP Primary Script Invoker Grouping in DebugBear, May 2024

The following invoker names are examples of page-wide event handlers:

  • onclick
  • onmousedown
  • onpointerup

You can see those a lot in the screenshot above, which tells you that the analytics script is tracking clicks anywhere on the page.

In contrast, if you saw invoker names like these that would indicate event handlers for a specific element on the page:

  • .load_more.onclick
  • #logo.onclick

6. Review Specific Page Views

A lot of the data you’ve seen so far is aggregated. It’s now time to look at the individual INP events, to form a definitive conclusion about what’s causing slow INP in this example.

Real user monitoring tools like DebugBear generally offer a way to review specific user experiences. For example, you can see what browser they used, how big their screen is, and what element led to the slowest interaction.

1716368165 545 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of a Page View in DebugBear Real User Monitoring, May 2024

As mentioned before, multiple scripts can contribute to overall slow INP. The INP Scripts section shows you the scripts that were run during the INP interaction:

1716368165 981 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the DebugBear INP script breakdown, May 2024

You can review each of these scripts in more detail to understand why they run and what’s causing them to take longer to finish.

7. Use The DevTools Profiler For More Information

Real user monitoring tools have access to a lot of data, but for performance and security reasons they can access nowhere near all the available data. That’s why it’s a good idea to also use Chrome DevTools to measure your page performance.

To debug INP in DevTools you can measure how the browser processes one of the slow interactions you’ve identified before. DevTools then shows you exactly how the browser is spending its time handling the interaction.

1716368165 526 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of a performance profile in Chrome DevTools, May 2024

How You Might Resolve This Issue

In this example, you or your development team could resolve this issue by:

  • Working with the third-party script provider to optimize their script.
  • Removing the script if it is not essential to the website, or finding an alternative provider.
  • Adjusting how your own code interacts with the script

How To Investigate High Input Delay

In the previous example most of the INP time was spent running code in response to the interaction. But often the browser is already busy running other code when a user interaction happens. When investigating the INP components you’ll then see a high input delay value.

This can happen for various reasons, for example:

  • The user interacted with the website while it was still loading.
  • A scheduled task is running on the page, for example an ongoing animation.
  • The page is loading and rendering new content.

To understand what’s happening, you can review the invoker name and the INP scripts section of individual user experiences.

1716368165 86 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the INP Component breakdown within DebugBear, May 2024

In this screenshot, you can see that a timer is running code that coincides with the start of a user interaction.

The script can be opened to reveal the exact code that is run:

1716368165 114 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of INP script details in DebugBear, May 2024

The source code shown in the previous screenshot comes from a third-party user tracking script that is running on the page.

At this stage, you and your development team can continue with the INP workflow presented earlier in this article. For example, debugging with browser DevTools or contacting the third-party provider for support.

How To Investigate High Presentation Delay

Presentation delay tends to be more difficult to debug than input delay or processing time. Often it’s caused by browser behavior rather than a specific script. But as before, you still start by identifying a specific page and a specific interaction.

You can see an example interaction with high presentation delay here:

1716368165 665 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the an interaction with high presentation delay, May 2024

You see that this happens when the user enters text into a form field. In this example, many visitors pasted large amounts of text that the browser had to process.

Here the fix was to delay the processing, show a “Waiting…” message to the user, and then complete the processing later on. You can see how the INP score improves from May 3:

1716368165 845 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of an Interaction to Next Paint timeline in DebugBear, May 2024

Get The Data You Need To Improve Interaction To Next Paint

Setting up real user monitoring helps you understand how users experience your website and what you can do to improve it. Try DebugBear now by signing up for a free 14-day trial.

1716368165 494 Optimizing Interaction To Next Paint A Step By Step GuideScreenshot of the DebugBear Core Web Vitals dashboard, May 2024

Google’s CrUX data is aggregated over a 28-day period, which means that it’ll take a while before you notice a regression. With real-user monitoring you can see the impact of website changes right away and get alerted automatically when there’s a big change.

DebugBear monitors lab data, CrUX data, and real user data. That way you have all the data you need to optimize your Core Web Vitals in one place.

This article has been sponsored by DebugBear, and the views presented herein represent the sponsor’s perspective.

Ready to start optimizing your website? Sign up for DebugBear and get the data you need to deliver great user experiences.


Image Credits

Featured Image: Image by Redesign.co. Used with permission.

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending