背景使用vuecli创建的项目,使用过程发现首页加速速度极慢,大约在18s左右。通过调试发送时间主要消耗在下载文件上,服务器的带宽本来就小,而下载一个vendors.js差不多2M多,占用了主要的时间。于是,使用了CDN加速方式,将依赖的组件从vendors.js中拆分出来,加快vendors.js文件的下载速度,同时通过CDN加载依赖资源也减少对服务器带宽的占用。优化后,首页加载速度在5s左右,
@toc(目录)优化方案大致有3种,这3种方案可以结合使用。路由懒加载使用CDN加速webpack拆包禁用预加载首屏加载慢问题分析首屏在一些必须的文件都加载成功后才开始进行渲染,首屏加载慢的主要耗时就在加载这些必须的文件上,这些必须的文件是js/app.d796800d.jsjs/chunkvendors.e95de2cc.jscss/app.69fa25fa.csscss/chunkvendor
@toc(目录)背景html加载流程是优化解析head内容,再进行内容渲染。js加载成功后相关的逻辑即会被执行。问题点<script在Head与在Body里有什么区别<script添加的顺序有什么要求?1、head中script特点添加在head中的script会在解析head时进行加载,待js文件全部加载完毕后再进行内容渲染。js加载是单个进行的(最多2个同时加载),不能并发进行下载。由于bod
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号