前端性能优化

对于前端的性能优化,主要有分为加载优化性能优化。在Google官方文档中,给出了性能优化有哪些好处。
前端优化的最终目的都是提升用户体验,改善页面性能。

另外,对于移动端和PC端的优化则有不同之处。这里我们主要介绍PC端的优化。

雅虎23条军规

http://yslow.org/
在前端技术早期,雅虎提出了优化技巧,虽然部分已经过时,但是仍然具有参考意义。

加载优化(网络加载类)

1. 减少HTTP资源请求次数。
目的:HTTP请求次数的减少也就意味着请求时间和资源的减少,可以缩短首次访问的等待时间。
实现:通过构建工具合并雪碧图、CSS/JS代码等。

2. 减小HTTP请求大小。
目的: 和前面一样,都是为了减少请求等待时间和资源大小。
实现:减少没必要的图片、代码加载,对文件进行压缩优化,比如gzip压缩,都可以用来减小文件的大小,缩短网络传输等待延迟。

3. 将CSS或JS放到外部文件中,避免使用