JavaScript page performance problems

TL;DR

Exploring JavaScript SEO issues through experiments and data analysis.

Transcript

[MUSIC PLAYING] SPEAKER: Hey. [TRUMPET FANFARE] MARTIN SPLITT: Hello, and welcome to another episode of SEO Fairy Tales. With me today, is Bartosz Góralewicz, did I not butcher your name this time? BARTOSZ GORALEWICZ: You're better every time. MARTIN SPLITT: [EXHALES] I keep getting better --who is CEO at Onely, and recently became a Texan by choic... Read More

Key Insights

• JavaScript SEO can be overwhelming and requires a deep understanding of both SEO and JavaScript frameworks to address performance issues effectively.
• The origin story of JavaScript SEO at Onely began with a challenging project involving a modern fashion startup with a dynamic developer team.
• A major issue was identified with a loading spinner that prevented full content rendering, impacting the site's visibility and traffic.
• Experimentation and data analysis, such as using Google Search Console and server logs, were crucial in identifying and solving the JavaScript rendering issues.
• The initial solution involved removing the loading spinner, which led to a significant increase in site traffic within days.
• Despite the improvements, the team was not satisfied until they fully understood the reasons behind the issues and solutions.
• Collaboration with Google's team and conducting further experiments helped in refining the understanding and approach to JavaScript SEO.
• Continuous experimentation and curiosity are vital in SEO to uncover and solve underlying technical issues effectively.

Questions & Answers

Q: What was the main problem faced in the JavaScript SEO project?

The main problem was a loading spinner that prevented full content rendering on the website, which negatively impacted its visibility and traffic. This issue was linked to JavaScript rendering and required a deep dive into server logs and Google Search Console to identify and resolve.

Q: How did Bartosz Góralewicz and his team identify the JavaScript issue?

The team used Google Search Console and server logs to analyze the website's performance. They noticed that the loading spinner was causing content rendering issues, which led them to experiment with removing the spinner and analyzing the effects on site traffic.

Q: What was the result of removing the loading spinner?

Removing the loading spinner resulted in a significant increase in site traffic within days. This change allowed the website's content to be fully rendered and indexed by search engines, improving its visibility and performance.

Q: Why was the team not satisfied with the initial solution?

The team was not satisfied because they did not fully understand why removing the spinner worked. They wanted to ensure they had a comprehensive understanding of the technical issues and solutions, rather than relying on a seemingly magical fix.

Q: How did collaboration with Google's team help in solving the issue?

Collaboration with Google's team provided insights into the rendering processes and limitations of JavaScript SEO. This collaboration, along with further experiments, helped the team refine their understanding and approach to solving JavaScript SEO challenges.

Q: What role did experimentation play in solving the JavaScript SEO issue?

Experimentation was crucial in identifying the root cause of the JavaScript SEO issue. By creating experimental setups, such as honeypots, the team could observe how different JavaScript frameworks were being rendered and indexed, leading to effective solutions.

Q: What is the key takeaway from the conversation on JavaScript SEO?

The key takeaway is the importance of continuous experimentation and a data-driven approach in solving SEO challenges. Understanding the technical foundation and not relying solely on conventional advice is crucial for addressing complex issues like JavaScript SEO.

Q: Why is it important to have a solid technical foundation in SEO?

A solid technical foundation is essential in SEO to ensure that the website is optimized for search engines. Without addressing technical issues, other SEO efforts like content and backlinks may not be as effective, as underlying problems can hinder the site's performance and visibility.

Summary & Key Takeaways

• In this episode, Martin Splitt and Bartosz Góralewicz discuss the challenges and solutions related to JavaScript SEO. They explore the origin of JavaScript SEO at Onely, highlighting a case involving a modern fashion startup and the issues caused by JavaScript rendering.

• The conversation delves into the technical aspects of JavaScript SEO, focusing on the importance of experimentation and data analysis. They share insights from their experiences, such as using Google Search Console and server logs to identify and resolve issues impacting site traffic and visibility.

• The episode emphasizes the need for continuous experimentation and collaboration with Google's team to refine SEO strategies. The key takeaway is the importance of understanding the technical foundation and being data-driven in solving SEO challenges.