Web前端开发工程师的主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发，致力于通过技术改善用户体验。页面是用户了解产品的窗口，页面加载的速度直接影响用户的体验，今天的郑州Web前端学习入门就给大家讲解一下页面加载的相关知识。

　　什么是页面加载?

　　页面加载就是从你输入网址+enter开始，发生的一些列过程，最终到页面显示。 从微观上分的话，页面加载有两部分：一个是以DOMContentLoaded触发为标志的DOM树的渲染完成，一个是以辅助资源img,font加载完成为触发标志的onload事件，他们两个的具体区别就是"资源的加载"这个关键点。

　　页面资源加载的流程分为四步：URL解析->DNS查询->资源请求->浏览器解析。影响网页加载速度的因素包括网站程序及编程不规范、服务器线路及配置差、图片太大或特效太大、网站中病毒被挂木马、内容太多数据库庞大等。那么Web前端工程师应该如何提高页面加载速度呢?千锋郑州老师认为你可以采用以下几种方式：

　　1、减少http请求。你可以借助图片地图、CSS Sprites、字体图标工具，减少很多图片的使用,从而减少http请求;

　　2、使用CDN。CDN(内容分发网络)是一组分布在多个不同地理位置的Web服务器, 其目的是使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度;

　　3、添加Expires。页面的初次访问者会进行很多http请求,但是通过使用一个长久的Expires头,可以使这些组件被缓存,下次访问的时候,就可以减少不必要的http请求,从而提高加载速度。

　　4、将样式表放在头部。将样式表写在头部对于实际页面加载的事件并不能造成太大影响,但这回减少首屏出现的时间,使内容逐步呈现,改善用户体验,防止白屏;

　　5、将脚本放在底部。更样式表相同,脚本放在底部对实际页面加载的时间并不能造成太大影响,但会减少首屏出现的时间,是内容逐步呈现;

　　6、使用外部的JS和CSS。当脚本或者样式是从外部引入的文件时,浏览器就有可能缓存它们,从而在以后加载的时候能够直接使用缓存,而HTML文档的大小减小,从而提高加载速度。

　　提高页面加载速度可以实现页面的高性能，这也是Web前端工程师工作的重点，当然，一个优秀的Web前端工程师不仅可以完成浏览器的开发，还可以结合后台开发技术进行丰富互联网的Web开发。如果你想获得更多Web前端学习教程资料，可以关注“千锋郑州”微信公众号!

上一篇

推荐优秀Web前端开发工程师必备的技术工具

下一篇

郑州云计算基础学习之Linux常用命令解析