对于大型网站性能优化(减少网页加载时间),从开发的角度可以从以下几个方面继续优化:
请求过程中一些潜在的性能优化点:
- dns是否可以通过缓存减少dns查询时间。如国外的Akamai等
- 网络请求的过程走最近的网络环境。如所有图片是否在域名下等
- 相同的静态资源是否可以缓存
- 能否减少请求http请求大小
- 减少http请求
- 服务端渲染
其他:
- 对图片进行懒加载
- 将大图进行压缩,可根据Dom文件中规定的大小进行压缩,但尽量不要使图片展示模乎
- 对于埋点,进行有效的管理。删除无效的埋点。
html渲染加载过程:
先加载html文件生成DOM,再加载css文件生成CSSOM,两者均加载完毕后生成Render Tree,然后计算布局,开始渲染绘制。一般是顺序执行,并发加载。css文件在html文件中的header中,js脚本放在body下方。