Question: Select all that apply. Which of the following are examples of render-blocking resources?
- CSS files
- Large video files
- Font files
- JavaScript files
Explanation
HubSpot’s performance guidance identifies CSS and JavaScript as the resources most commonly associated with render blocking during initial page load. CSS is critical to building the styled page, so the browser must process it before it can paint the final layout. HubSpot also explicitly notes that JavaScript can be render-blocking and recommends loading it in the footer or using async or defer to reduce that impact. In this context, the correct selections are the resource types that directly delay rendering rather than assets that mainly affect file weight or media delivery. HubSpot Developers+2HubSpot Developers+2
Why the other options are incorrect
Large video files increase page weight and media load cost, but HubSpot’s render-blocking guidance specifically focuses on CSS and JavaScript as the blocking resources during initial rendering. HubSpot Developers+1
Font files can affect text display, but HubSpot’s documentation on render-blocking resources and loading strategy centers on CSS and JavaScript, not fonts, as the common blocking category in this context. HubSpot Developers+2HubSpot Developers+2
Source for verification
https://developers.hubspot.com/docs/cms/best-practices/testing-staging-performance/speed
https://developers.hubspot.com/docs/cms/reference/hubl/functions
The answer(s) to the question is highlighted in the BOLD text above. You can also find more questions and answers related to the exams on the "HubSpot CMS for Developers II" page.