Style sheets in the web header

Behind the scenes, engineers are concerned about desired performance on a progressively loaded page; that is, we want to display any content in the browser as soon as possible

This is especially important on content-heavy pages with users with a slow connection.

The importance of providing users with visual information, such as progress indicators, has been well researched and documented. In our case the same HTML page is the progress indicator! When the browser loads the page, the header, the navigation bar, the logo appear at the top, etc. they serve as visual feedback for the user who is waiting. This improves the user experience.

The problem with putting stylesheets at the bottom of the document is that it cancels progressive loading in many browsers such as Internet Explorer. These browsers block the rendering to avoid having to redefine the elements of the page if their styles change, the user would be receiving a blank page.

The HTML Specification clearly states that style sheets will be included in the HEAD section of the page: "Unlike A, [LINK] can only appear in the HEAD section of a document, although it can appear any number of times." None of the alternatives, the blank screen or the styleless flash animations, are worth the risk. The optimal solution is to follow the HTML specification and load your style sheets into the HEAD

Date update on 2020-11-13. Date published on 2020-11-13. Category: Computer class Author: Oscar olg Fuente: tecnologia