搜索引擎优化原理(React中的9种优化技术，你都知道吗？)

　　搜索引擎优化原理(React中的9种优化技术，你都知道吗？)

　　自从 React、Vue、Angular 三大前端框架问世以来，前端开发逐渐趋向于标准化和统一化。很多时候在搭建新的前端项目时，首先想到的就是使用的技术必须是三大框架之一。非常方便和规范，但是因为这三个框架都是JS驱动的

　　网站性能优化实战

　　读取缓存→DNS查询→TCP链接→发起请求→接收响应→处理HTML元素→加载完成。CSS 属性读写分离：浏览器每次读取一个元素样式，都必须重新渲染（reflow + redraw）

　　React 中的 9 种优化技术

　　谷歌的数据显示，10条数据0.的页面可以在4秒内加载，30条数据后加载时间0.9秒，流量和广告收入减少20 %。当谷歌地图首页文件大小从100kb减少到70~80kb后，第一周流量增加了10%，接下来三周增加了25%

　　网络流媒体播放_HTML5如何优化视频文件在互联网上更快的流媒体播放

　　无论您是将 GIF *敏*感*词*转换为 MP4 视频，还是您手头已有大量 MP4 视频，您都可以优化文件结构，使这些视频加载和播放速度更快。通过重新组织原子将 moov 放在文件的开头，浏览器可以避免发送额*敏*感*词*请求请求来搜索和定位 moovatom

　　js双重检查和去重性能优化体验

　　今天产品反映5000条数据的页面保存按钮很慢。查看代码，点击save按钮后进行了复本检查操作，2次for循环就完成了复本检查操作。时间复杂度是O(n^2)。没办法，只能想办法优化了。

　　css代码优化

　　css代码优化的作用和意义：减少网页的字节数；便于维护；让自己写的css代码更专业。css优化方法：缩写css代码；整理css代码；使用属性提取共享 css 选择器

　　如何优化 React 功能组件？

　　本文只介绍功能组件独特的性能优化方法，并没有同时介绍类和功能组件，比如key的使用。另外本文没有详细介绍API的使用，以后可能会写。事实上，用好钩子是相当困难的。