前端ABC作为一个刚入前端开发的小白来说，网站的性能优化似乎不是自己能做的事情。自认为写好静态页面和动态效果就认为完成了自己的工作，我也看过不少关于性能优化的文章总结的很全面，但是作为一个小白在网站优化上能做哪些力所能及的事情呢？
我从三个大的方面进行解析：1.网页的加载方面；2.利用浏览器的缓存机制；3.代码的管理
一.网页加载方面可进行的优化：
1.减少http请求
具体方法：css sprites；将背景图整合到一张图片中，减少http请求，优化加载速度。
2.避免404错误
3.避免重定向
重定向的内容浏览器不会进行缓存
二.利用浏览器缓存可进行的优化：
1.使用外部的js和css库等
网站建设中使用的框架原来越多，需要加载的js和css文件也越来越多，外部加载这些文件，可以缓存的浏览器中，避免下一次访问页面时的重复加载。
三.网站的代码管理优化网站性能：
1.样式表文件在头部引入；js脚本文件在底部进行引入，提高用户体验，不解释。
2.将js，css文件进行压缩，去除中间的换行空格等无用内容；减少体积。
2.减少对dom的操作：向dom树上挂多个节点时，使用文档片段
dom频繁操作对网站的性能影响：浏览器请求的网站信息后，如何在呈现在页面上？且看：
1.浏览器将html代码构建成dom结构
2.浏览器将css代码构建成cssom（样式树）
3.dom树和样式树结合成render树
4.生成布局，将render树的所有节点进行平面合成
5.将布局绘制在屏幕上。
在以上步骤中最耗时的是第四步和第五步。
从这个过程可以分析出优化方案：
1.减少dom结构的操作，可以减少重排（网页布局的重新排列）和重绘（布局重新绘制在屏幕上）
2.通过class类来修改样式，减少重绘过程
3.通过class类修改样式，减少重绘过程。
原因见上面第二点
4.使用虚拟dom，比如react框架。
做为一个刚入前端行业的小白来说，经验需要慢慢积累。
欢迎分享本文，转载请保留出处：前端ABC » 前端小白如何进行网站性能优化