前端优化方案

服务器端渲染

1. SEO，让搜索引擎更容易读取页面内容

2. 首屏渲染速度更快（重点），无需等待js文件下载执行的过程

使用带有GZIP的CDN，React各类库

减少流量

按需加载

减少单次的流量, 让首页体验更好

使用永不过期的资源文件缓存

当资源发生变化时修改对应的引用,如<script type=text/javascript src=/js/manifest.js?v=4f25687032859ab85e58></script>

css放上面, js放下面

网页体验更好

js相关

减少作用域链查找

1.慎用with

2.进行遍历前缓存要遍历的对象, 尤其是它在作用域链顶端的时候

3.多次访问的对象成员要进行缓存(设成局部变量)

避免使用eval

转换的效率很低

CSS选择器

用class和id直接选择, 不要使用子选择器,
因为查找过程是从右向左, 遍历祖先