Category 13 articles

WPO

WPO (Web Performance Optimization) is the branch of SEO that focuses on optimizing the performance and speed of a website.

Click here to learn what WPO means for SEO.

Categories 9

Articles

Media 9 min read

Optimising Iframes for SEO

Iframes are a commonly used resource on websites, with plenty of room for optimisation when it comes to web positioning (

WPO 12 min read

Measuring a website’s speed (WPO)

This article debunks myths about website speed in Technical SEO, explaining how Google actually measures performance through the Core Web Vitals.

Technologies 8 min read

Devtools for SEO

Advanced Guide to DevTools (Chrome Console for Friends) for SEO

Crawling 11 min read

Crawl budget

Crawl budget can affect indexing, ranking, and even eat up your website's rendering.

WPO 7 min read

JavaScript Delay

How to prevent your analytics tools from harming your website's performance

WPO 10 min read

Deferred Loadings

Deferred loading allows us to download or execute elements later than the main elements of the website.

Media 6 min read

Native Lazy Loading for Iframes

HTML5 native lazy loading allows iframes to load more efficiently in most browsers and improve speed and UX

LinkBuilding 9 min read

Resource Preloading

Improve the WPO of a website by preloading the necessary files for the correct functioning of the page.

What is WPO and How Does It Affect SEO?

WPO (Web Performance Optimization) is the acronym for performance.

The performance of a website is basically the speed and the way in which the pages of a website are displayed to the user.

To develop WPO professionally, we need to consider various aspects.

Analyzing the Speed of a Website

To analyze the speed of a website, we not only need tools but also know how to use them and what information we need to extract.

When auditing the speed of a website, we must consider these characteristics:

Analyses Always Give Different Results

No speed tool is 100% accurate because the speed of a website is never constant.

Just as the internet at your home has an average speed but is not constant, several factors influence the website speed:

The speed of a website is variable. Therefore, it is normal for the analysis to be variable as well. It should always be averaged, not taken as an absolute value.

Core Web Vitals

Core Web Vitals are a set of quality points to consider to provide a good user experience on a website.

To know if Google understands that the website is fast, you should evaluate the Core Web Vitals metrics experienced by real users, or what Google Search Console informs us.

Good speed metrics
GSC Statistics
Real user speed experience.

In any case, these metrics indicate whether the website is fast or slow for users. But this is an indicator of symptoms, not causes. To eliminate these symptoms, we must know how to address the causes, which cannot be easily achieved with a tool (as of today).

Moreover, despite popular belief, having a 100% score in performance diagnostics or any good score is not a guarantee of anything, so it doesn’t make sense to try to calculate or “hack” the Core Web Vitals score.

The performance diagnostic tool is just that, a tool that diagnoses common issues. You can have all that list without Google Insights finding a single flaw, and it could still be slow, and vice versa. Boasting a 100% performance score is equivalent to boasting about a green light in Yoast.

100 performance core web vitals

Pain Points in Website Performance

Fonts / Typography

The fonts of a website and how they are deployed are key. Therefore, it is necessary to learn how to insert fonts in the most optimal way and set the appropriate font-display.

Order and Structure of HTML, CSS, and JS Resources

The order in which resources are deployed to the DOM Tree directly affects the website’s speed.

Understanding the basics of programming and how tags and resources are displayed is vital to properly optimize this aspect and avoid errors when unifying JS files, respecting the correct order and structure of all web languages. This can be meticulously learned in my Technical SEO Master.

Optimization of Multimedia Content

Controlling the weight and the way multimedia resources are displayed on a website is essential to ensure that a website loads quickly and is optimized.

External Resources

It is also important to know when and how to call external files, whether within our own domain or in files from libraries and resources external to our website.

You need to know how to execute preloads effectively, have good control over caching, and understand when and how it is worth using a CDN to optimize this aspect.

Server

For our website’s WPO, we need to consider our website’s hardware, processor, hard drive, RAM, request response capacity, and how our server is set up (shared hosting, VPS, Cloud)…

Learning to manage a server for web positioning will give us greater control over excess server requests (which affects speed), compression type, HTTP protocol version, and cache management, among other factors that can help optimize speed.

Preloads and Deferred Loading

Knowing how to manage the loading order of different elements through preloads and deferred loading will allow us to have some control over how our website’s content is rendered, which will directly impact performance.

Technologies

The programming language, framework, CMS, or the way the page is developed will directly affect the speed of our website. Therefore, we must be prepared and know how to optimize a project in any type of environment.

Training
Interested in Advanced SEO Training?

I currently offer advanced SEO training in Spanish. Would you like me to create an English version? Let me know!

Tell me you're interested

Recommended Posts