银川logo设计公司的核心价值在于为企业打造独特的品牌,银川logo设计公司可以给企业带来良好的社会声誉和经济效益。
注:本文“银川logo设计公司”配图为本公司设计作品
企业将内部通信信使放在他们的网站上,因为他们希望与用户进行实时交流。实时意味着一个快速反应的信使。
为了帮助送信人;通信员尽可能快地加载到网络上,我们最近开始努力优化它的包大小。
快速的加载时间很重要,因为它让送信人;通信员感觉像是他们所在网站的一部分,而不是一个附加组件。这也有助于提高网站的整体速度,这对用户体验和谷歌搜索性能非常重要。最重要的是,一个快速加载的信使有助于企业在客户登陆他们的网站时与他们联系。
因此,下面是我们如何开始使用webpack捆扎机特性来减小我们的内部通信信使的大小。我们采取的步骤可以应用于任何Java Script语言应用程序。
更多功能=更大的捆绑包大小
内部通信信使是一个现代化的react.js应用程序,具有许多组件、第三方库和样式表。从历史上看,信使是作为一个包含所有应用程序代码和供应商代码的Java Script语言文件提供的。这个名为frame.js的文件是我们应用程序的入口点,我们称之为信使包.
随着这些年来许多新的增强功能的引入,捆绑包的规模也在慢慢增长。去年年底,我们提供了将近600 kb的gzipped JavaScript,而今年早些时候只有400 kb .
由于我们每天都向我们的代码库发布特性,我们知道这个问题只会随着时间的推移而增加。
信使里有什么?
减少包大小的第一步是看看什么占据了我们代码库中的大部分空间。以下是web pack-捆绑包-分析器生成的frame.js中所有代码的可视化:
如您所见,信使包由三个主要部分组成。
节点_模块是我们使用的供应商库,如反应、还原和洛达什.
App,里面包含了我们的应用代码,大部分是react.js组件
样式表,包括厚颜无耻编译的样式
优化信使包
一旦我们理解了送信人;通信员包的不同部分及其各自的大小,我们就确定了会产生最大影响的变化。我们寻找被重复或很少执行的代码,以及可以异步加载的代码。以下是我们所做的主要改变。
1.拆分供应商包
在对讲机,我们每天都会部署几十个新版本的信使.每次部署时,我们都会生成一个新的送信人;通信员包,网站访问者必须重新下载。
由于供应商包占我们的捆绑包的40%左右,并且它们不经常改变,所以我们采取的第一步是将它们分成一个单独的捆绑包。
网络包支持开箱即用的捆绑包拆分。将它配置为将供应商包拆分成一个单独的包,如下所示:
如果您的网络包配置中有多个条目,您可以使用以下代码定位单
注:本文“银川logo设计公司”配图为本公司设计作品
通过对银川logo设计公司的精彩分享,让我们认识到logo设计能够为企业带来宝贵的财富,银川logo设计公司可以提高产品价值以及节省推广费用。深圳logo设计公司建议企业要注重自身的品牌建设 。
.jpg)
总监微信咨询 舒先生

业务咨询

业务咨询