Bifalgorithm post

All right, let's talk about render blocking assets. The JavaScript and the CSS files that block a page from loading until they're loaded, which is not good. And here's how to identify them with Century. On your issues page, you'll see a large render blocking asset issue. And if you click into it, you'll be able to see in which transaction this large render blocking issue happened. You'll also be able to see which file caused it, how much delay it caused, and the impact on total page load. You can scroll down to the span tree on the page load event, click hidden spans, and then also look at the span that came after that event. You'll be able to see everything that happened when loading the page, including how heavy the index script is. Congrats, you just identified a render blocking asset. Now go fix it.

All right, let's talk about render blocking assets. The JavaScript and the CSS files that block a page from loading until they're loaded, which is not good. An…

Ideas in this flowchart

  • Render Blocking Assets
  • Identification Process
  • Issues Page
  • Large Render Blocking Asset Issue
  • Transaction Details
  • File Causing Issue
  • Delay Caused
  • Impact on Page Load
  • Span Tree Analysis
  • Page Load Event
  • Hidden Spans
  • Post-Event Span
  • Page Loading Details
  • Index Script Weight
  • Fix Render Blocking Asset
Feed/

All right, let's talk about render blocking assets. The JavaScript and the CSS files that block a page from loading until they're loaded, which is not good. And here's how to identify them with Century. On your issues page, you'll see a large render blocking asset issue. And if you click into it, you'll be able to see in which transaction this large render blocking issue happened. You'll also be able to see which file caused it, how much delay it caused, and the impact on total page load. You can scroll down to the span tree on the page load event, click hidden spans, and then also look at the span that came after that event. You'll be able to see everything that happened when loading the page, including how heavy the index script is. Congrats, you just identified a render blocking asset. Now go fix it.

"All right, let's talk about render blocking assets. The JavaScript and the CSS"

👍
0
0 comments0 shares

Sign in to view and post comments.