外贸网站哪个好,代理网课,willfast优化工具下载,无锡百姓网推广代理商前言#xff1a;
最近刚刚完成项目#xff0c;空闲一段时间#xff0c;想起之前有被问起怎么对前端进行性能优化#xff0c;自己也是脑中零零散散的总不成体系#xff0c;现特来总结#xff0c;欢迎补充指教。 1、整体资源 #xff08;1#xff09;js、css源码压缩
最近刚刚完成项目空闲一段时间想起之前有被问起怎么对前端进行性能优化自己也是脑中零零散散的总不成体系现特来总结欢迎补充指教。 1、整体资源 1js、css源码压缩 2css文件放到文档顶部js 文件放到文档底部 因为浏览器渲染网页是自上而下的用户第一眼见到的是页面先加载页面相关的提高页面加载速度另外避免js在页面没有完全加载完成操作DOM带来错误 3进行CDN托管具体可参看https://div.io/topic/930 4data缓存 2、css
1避免使用css expression (css 表达式) 微软在IE5时支持IE8就不支持了过老的内核这个基本没有人会使用 2使用CSS Sprites图片精灵 将图片合到一张大图并且控制图片大小在满足显示的情况下过大图片可以进行质量压缩目的减小体积减小http访问次数 3js中动态改变元素样式时使用类名修改而不是直接在DOM中更改css 属性避免页面进行重构 3、image 1大型web应用中,可以搭建图片服务器存放图片以及视频资源具体实施请自行百度 2在 对于有图片画廊及图片占大比重的网站中采取图片预加载的方式提升用户体验 可参考https://blog.csdn.net/sunshine940326/article/details/53536535?locationNum3fps1 4、js
1模块化编程养成封装方法的习惯提高代码的重复利用率
2减少闭包的使用频率减少内存占用 目前想到的是以上欢迎补充和指教