1.当我们在浏览器地址栏输入链接并回车时，浏览器就会向服务器发起请求，服务器收到请求后就会响应返回一个html文件，这个html文件就是需要加载的网页
2.浏览器拿到html文件后首先要载入html标签，然后在html标签的head标签中找到我们设置的meta和引入的css
3.加载css文件时，浏览器又会向服务器发起请求，服务器收到请求后返回css文件，并加载它
4.接下来浏览器又会开始加载处于body标签中的代码，也就是开始渲染dom元素，以及它们的样式（此时已经拿到css文件了），如果在body中存在图片，浏览器又会向服务器发起请求，获取这个图片，但是这个图片请求到是要花费时间的，浏览器不会等图片加载完，而是继续去加载下面的代码
5.获取完图片后，图片如果影响到了后面元素的排版，则又会重新加载渲染图片后面的dom元素
6.当浏览器找到script标签时，会开始加载js，其实这一步不一定就是第6步，也可能是在第3步，这取决于script标签在代码中的位置，一般我们把script标签写在body下面，为什么？ 因为js的执行速度很快（由浏览器直接解析），而加载速度很慢，如果你的js体积过于庞大，则会影响加载的时间。如果你的js是写在css下的，那么在加载dom元素之前浏览器就会因为要加载你的js而不去加载你的dom元素，从而导致了页面长时间空白。你想想，你打开一个页面，半天都打不开，你还会等吗？
7.如果js中又有操作页面，改变布局的时候，那么dom元素又要重新加载了，它的样式也要跟着加载
8.当以上的代码都执行完后，浏览器找到了html的结束标签，即</html>时，这个页面也就加载完了
加载一个网页是不是很麻烦？我们上网的时候，嗖嗖的一个网页就出来了，事实上，却很麻烦
所以我们不仅要学写代码，也要学会怎么去提高网页的加载速度