web前端开发,如何提高页面性能优化?
内容方面减少HTTP请求次数减少DOM操作减少DNS查询使用Ajax 可缓存css方面把css样式HTML代码页的上端从页面中分离css代码,从外部引入压缩代码不要使用@import避免css表达式js方面脚本放到HTML代码页底部从页面中分离js代码,从外部引入压缩代码减少对DOM的访问移除重复的脚本图片方面优化图片(少用图片用css3新特性代替,使用矢量图代替位图)矢量图:图标字体。 位图:GIF、JPG、PNG
不要在HTML中使用缩放图片使用恰当的图片格式按照HTTP协议设置合理的缓存用css或js实现预加载WebP图片格式能给前端带来优化
WebP格式:谷歌开发一种旨在加快图片加载速度的图片格式