The first web pages were built in a simplified version of XML called HTML, characterized by a white background with black text. If a sentence was underlined in blue, you knew you could click on it. If it was purple, you knew you had already clicked on it.
Life was simple.
Nowadays, HTML code is usually the smallest part of a web page. When a browser requests a page, it gets the HTML code, but then has to break it down and download the other resources:
CSS
JavaScript
Images
Fonts
…and other external files needed to deliver the user experience
Not all resources are created equal. Some resources, when required to load, can actually slow down the web page's display.
These resources are called “Render-Blocking Resources” and this rcs data uae article will show you some tactics you can use to reduce the number of render-blocking resources on your website and how to apply them manually or using Site Ground’s Speed Optimizer plugin.
What are render-blocking resources?
“Rendering” is the technical term for “display.” In this article, when we talk about rendering, we mean the process of displaying your website on a screen.
Any resource loaded on your website is likely to be render-blocking. These include:
Large images
JavaScript code that should be executed in the <head> of your page
Large CSS style sheets that your page can't display until they're all loaded
Any resource from another site that is slower than yours
Plugins that each have their own CSS and JavaScript files
In short, anything you have in your HTML to load is potentially a render-blocking resource.
How to eliminate render-blocking resources?
-
Jahangir147
- Posts: 112
- Joined: Tue Jan 07, 2025 5:50 am
