Load time optimization by CSS Cascading Style Sheets

Already with the first 4 received TCP/IP package, the browser should be able to render the most important contents of the web page. Optimization step CSS.

After loading the JavaScript is banned from the <HEAD> area, the communication between browser and server looks like this:

Browser requests from server HTML page
Browser receives first TCP/IP package from the HTML page
Browser finds <link HREF=../pic/layout.css rel=stylesheet type=text/css>
Browser requests from server layout.css
Browser receivs layout.css
Browser starts rendering the web page

This can be again optimized. The browser should be able to start rendering the web page with the first TCP/IP packages received from the server. This means rendering the page has to be possible without loading any additional file. Si it becomes necessary to take the CSS into the web page.

Therefor, wo optimized our CSS from 4 kB to less than 2 kB.

Browser requests from server HTML page
Browser receives first 4 TCP/IP packages from the HTML page
Browser starts rendering the web page

Load time optimization basics
	What can at all being optimized at the load time? Basics for the load time optimization of web sites. How is the load time defined

Dummy Javascript for a fast load time
	In the HEAD section is no JavaScript loaded. The load of the JavaScript occurs only at the end of the page. To bridge this time are in the HEAD short dummy functions.

Load the background graphic later
	In 99% of the cases, the background graphic is not the most important to deliver as quick as possible to the visitor. The load time of other elements is more important.

Load time optimization: Content first
	Now we have learned all measures, in order that rendering the web page can start with the first 4 TCP/IP package from the server. But what should the browser do with it?

Load time test
	Erase the cache and after this far far away from the next cellular station visit the web site. Document the load with a video.