前端架构访问瓶颈和入手方向

目录

1、前端架构的访问特点

2、基于访问特点上的下载优化

3、基于访问特点上的客户端运行优化

4、为什么明明有前端优化，但是效果不大

---

1、前端架构的访问特点

前端访问特点是内容来自于渠道系统服务器，运行在客户机的客户端上。这里面有两个重要的部分，一个是从服务器下载运行内容，一个是在客户端运行内容。在客户本地运行时，前端内容采用单线程机制运行，考虑到客户机一般是单人系统，运行效率虽有差别，差别不会差异到天翻地覆；运行内容从服务器下载的时候采用的是网络下载，这个时候网络、内容大小将成为影响下载的主要指标。综合来看，下载是前端架构访问中最明显的指标。

查阅一些系统数据也可以佐证这种说法。

2、基于访问特点上的下载优化

现在大部分的前端优化机制都在下载方面优化，入手方向有：1、降低使用时下载内容的大小；2、降低下载次数；3、降低访问内容的传输距离；4、降低访问内容的处理时间。

这些入手方向目前都有可实现的方法。降低下载内容的大小，成熟的方法是内容压缩、文件压缩、去除冗余内容。降低下载次数，最常见的就是图片合并。降低访问内容传输距离，最常见的是使用CDN。降低访问内容的处理时间，这是一个对后端系统的整体访问优化。

程序框架本身也会基于这些访问特点做优化，如异步模块加载机制。

3、基于访问特点上的客户端运行优化

这部分内容跟前端的程序结构有很大的关联。目前前端的结构还是DOM+CSS+JS脚本的组成结构，基本页面组成的结构是页面安排CSS文件在整个页面头部，然后是页面主体DOM结构，最后是JS脚本。整个页面的布局，从上到下，分别是CSS、DOM、JS。

前端的内容，对于客户端的全局配置要尽可能做一次性的下载，对频繁使用的内容可做缓存处理。剩下的基本没有什么需要特别关注的了。

4、为什么明明有前端优化，但是效果不大

    前端是一个系统的重要组成部分，不要想着靠一个或者几个操作手法解决系统化的问题。虽然下载机制方面的优化都很好，但是需要有人来做，即便是有人会做，绩效考核却对这个不评价或负面评价，那就如此安好。即便是前端内容个人可以做优化，那么工作之便便自己做一下，不必言说，心情不好那就当这不值得。